Rotation on hover - Webflow interactions and animations tutorial

This is it: a continuous animation that's triggered by the position of your mouse as you hover over a credit card. In this example, we'll create an animation which makes the card appear to face the current mouse position. We'll cover creating the continuous trigger, animating the rotation, configuring the resting state, and even adding a highlight or glare effect to the card.

Steps in the video:
00:00 - Introduction
00:52 - Trigger
01:03 - Animation
02:39 - Resting state
03:44 - Highlight

Note: We’re transitioning to a new UI, and are in the process of updating our Webflow University content.

----------

Get started with Webflow:
https://university.webflow.com/course...

http://webflow.com
Twitter: webflow
Facebook: webflow

• #education
• #web_design
• #webflow
• #responsive_web_design
• #graphic_design
• #web_development
• #cms
• #content_management_system