Methodology
- Articulate Storyline 360
- PhotoShop
- Some additional CSS
ELH Challenge Info
This project was submitted to the E-Learning Heroes Challenge #362 -Using Tabs Interactions in E-Learning (2022)
Everything You See Was Achieved In SL360 This Week!
Well… ok, that’s a lie! There is one little added extra which is the scaling mouse hover transition effect on the image tabs themselves!
That’s a super simple effect to achieve which is detailed in my blog post – Create These Cool Mouse Rollover Effects in Articulate Storyline Using CSS. I’ve also got this topic lined up as a future episode of my brand new Storyline Magic Series for YouTube, so please make sure you subscribe to my channel for new video tutorial content coming very soon!
This project is actually something I’ve been working on for a client this week with the original version being a quiz that has a question about Bengaluru printed on each postcard (the answer is then revealed on the back when the card flips over).
I’d already gone as far as setting up all of the shuffling animations and layering effects for the project, so when I saw the theme for this week’s ELH Challenge, the idea to adapt the work for another purpose felt like another great opportunity!
