All videosInteractions & animations
Create an animation that rotates on hover (mouseover)

Create an animation that rotates on hover (mouseover)

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.