moveWhileHover

Learn more

Hover animations for mouse and pen. Plays forward on pointer enter and reverses on leave. Touch has no hover state, so pair it with moveWhileTap for press feedback — the card below uses the lift and press presets together.

Lift

Hover over this cardPress this card — touch uses moveWhileTap

Next: moveWhileTap →

Controls Make it yours

Duration200ms

100ms2000ms

Easingease-out

Hover Effect

demo.htmlhtml

<article
  moveWhileHover="lift"
  moveWhileTap="press"
  moveDuration="200ms"
  moveEasing="ease-out">
  …
</article>