Storyline 360: Animated Notecard Interaction

I originally read the above as:

Notecake Interaction

This note card interaction was designed in Articulate Storyline 360 and features *edible* colors, graphics and fonts.

Very good job but I do not understand the animation when i click on each box
can you explain?

you changed the codes?

thank you very much

This is so cool!!! I didn't realize you can animate the states. I love it!

Amazing! The triggers and states are so versatile. I am always looking for ways to capture the users imagination and ask, "How'd they do that?"

Thank you

I pulled the project apart in Storyline, but there doesn't seem to be anything to indicate showing an animation on mouse-over. Can you please explain how this is done?

The animation is caused by multiple things. The top coloured title bar has a hover state, which has an "in" and "out" animation, which gives the effect when hovering the mouse. The image (cupcake) also has an "in" and "out" animation, giving the effect that it is changing colour with a wipe. Three items are then grouped together, causing the animations on both of those items to trigger when the state of the grouped items are hovered over. I use a similar effect for buttons when they are hovered over, with icons having a wipe on animation. I find this adds a little to the user experience

this is excellent. thank you!