Motion Library ‹ Free tools

All animations / Hover

Hover

Reactions to the pointer: magnetic, tilt, underlines, rolls and zooms. 6 animations.

Hover

Magnetic button

The button is gently pulled toward the cursor while hovered, then springs back when you leave.

CSSJavaScriptIntermediate
Hover

3D tilt card

The card tilts toward the pointer in 3D, with a soft glare that follows the cursor.

CSSJavaScriptIntermediate
Hover

Underline that draws in

A link underline grows from the left on hover and exits to the right, using a scaled pseudo-element.

CSSBeginner
Hover

Text roll link

The label rolls up and a duplicate rolls in from below, per letter with a small stagger.

CSSJavaScriptIntermediate
Hover

Image zoom and colour wake

Images sit slightly muted, then zoom and bloom into full colour on hover, with a caption sliding up.

CSSBeginner
Hover

Arrow swap button

On hover the arrow exits the button on one side while a fresh arrow enters from the other.

CSSBeginner