Forum Discussion
Storyline Template Design: Flip Interaction
Created a storyline sample template design using different interactivities in Articulate 360. Its creation is still in progress but I am happy that I got my flip card interactivity to function just ...
So, how did you achieve the flip effect? Finely-tuned animations? Or perhaps with JavaScript?
A very nice template all in all.
Hi Hianna! I have used the swivel animation with 0.25sec time and added trigger to start respective flip layer at 10 sec. I have done this for all 4 layers [ 2 for front flip & 2 for back flip].
You can also skip the trigger and use swivel with 0.10sec but the above way makes it work more precisely.
I love the flip card animation and have tried unsuccessfully on a couple occasions to create it.
Using your tip about the swivel animation and timing, I created a very similar effect in the attached sample and thought I'd share for anyone here who may find the sample useful.
Here's a link to a "review preview" of my sample on Review360.
Thanks so much for the tip! Great work on the template. It is beautifully done. *chef's kiss*
Hi Veronica, I am so glad you were able to find it useful.
