The work of UI Designer Gina Chee –


Project File Download
  • Articulate Storyline 360
  • Animated GIFs created in Adobe After Effects
  • CSS3 for animated transition effects
ELH Challenge Info

This game was submitted to the E-Learning Heroes Challenge #328 – Using Drop-Down Menus in E-Learning

‘Experimenting with two distinct dropdown menu styles using Articulate Storyline 360’

This example project uses two different interactive animated methods of displaying a dropdown menu following the user clicking on-screen elements.

The mouse rollover effect is achieved using our CSS tutorial for Articulate Storyline as detailed here – Click To Open