Reverse flip card interaction: Smooth single turn animation

Question

Sharing example of reverse flip for a filpcard interactivity. Check out the link below.
https://360.articulate.com/review/content/bfb145a6-85d6-4551-a3fe-9f819a19da7a/review

sarahhodge · Answer

This is awesome, Suchitra! I'm loving the hover effect and the flip animation is so smooth! Thanks for sharing the file!

suchitrapuja290 · Answer

Hey Sarah! I am glad you liked it.

michelleedwa657 · Answer

This is great. I was able to use it as the basis of a flip interaction in one of my courses. Thanks Suchitra!

suchitrapuja290 · Answer

Hi Michelle, happy to know it was helpful :)

emilyrardin · Answer

Thanks for sharing the Storyline file! I was looking for a way to make a smoother flip transition and this was perfect :)

Forum Discussion

Reverse flip card interaction: Smooth single turn animation

Related Content

Quick Tip: Create Custom Drag & Drop Exit Animations in Storyline 360

How was this animated button made?

Quick Tip: Here's a Hidden Animation Effect for Storyline 360 (Free Template)

Stop watch / time counter animation required

Conditional Animation Triggers Not Working

Request: Motion Path Reverse Option

Quick Tip: How to Customize Interactive Markers in Storyline 360

How are others making cartoon like animated characters in Storyline?

Tutorials: Animate Drag Items as They're Dropped on Targets

Storyline 360: Adding Animations

Recent Discussions

Would love to see examples of how you're using Storyline blocks in Rise

Issue with preview and editing CC

How to disable "Hit Enter Key to Advance Slide "

Advice wanted--How to make a text entry populate from existing trigger?

Publish Review links in Team folder by default - Feature Request