Card Hover Effects

18 effects

Elevation, tilt, glow, and border animation effects

Elevation Lift

Elevation

Pricing plans

Surfaces lift toward the reader on hover.

Glow Border

Glow border

Ambient frame

A soft accent glow wraps the card edge.

Subtle 3D Tilt

3D tilt

Perspective card

The surface rotates gently in three dimensions.

Animated Border

Animated border

Gradient frame

A gradient border travels around the card.

Scale & Shadow

Scale & shadow

Feature highlight

The card grows while its shadow deepens.

Inner Glow

Inner glow

Soft interior light

Light blooms from inside the card surface.

Spotlight Follow

Spotlight

Follow the light

A soft radial glow tracks your pointer across the surface.

See it move

Perspective Flip

Perspective

Flip the plane

The card rotates in 3D while the artwork mirrors.

Try the tilt

Gradient Sheen

Sheen

Catch the shine

A single diagonal highlight sweeps across on hover.

Watch the sweep

Content Reveal

Reveal

Content, unhurried

Copy rises into place as the card is engaged.

Read the reveal

Magnetic Edge

Magnetic

Pulled toward you

The whole card leans subtly in the pointer direction.

Feel the pull

Stacked Depth

Depth

Stacked surfaces

Layered sheets fan out to give the card real depth.

Count the layers

Image Accent

Accent

Angled artwork

The image panel clips to a diagonal and scales up.

See the crop

Border Trace

Trace

Border in motion

A gradient edge travels around the card outline.

Follow the trace

Soft Parallax

Parallax

Gentle perspective

Artwork and body drift at different rates with the pointer.

Move to explore

Neon Outline

Neon

Night shift

A dark surface ignites with a neon rim on hover.

Power it on

Frosted Reveal

Frosted

Clear as glass

A blurred panel sharpens as the card is focused.

Clear the frost

Split Surface

Split

Two-tone surface

The background splits into halves that expand on hover.

Split it open