     ,~~~      
    c-0-0)    
   _   -    
  %            
 /     .      
 |      \___,,,
 |    |     ( )
  -----       |
  |    \      |
  |     \     |
 /      J     |
/       |     !
--      --    =

Video

Create an animation that rotates on hover (mouseover)

This video has been retired.

Name: Create an animation that rotates on hover (mouseover)
Uploaded: 2026-07-15T20:51:09.709Z
Duration: 6:27
Description: 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.

Webflow has since replaced the product workflows it covered.
There's more to explore when you're ready.

Browse current videos

→