Loading

Read ArticleRead ArticleRead Article Back to EffectsBack to EffectsBack to Effects

Back to EffectsAbout /effects

Hover Stack Cards

Hover any card , so they can pop out.

Card Width

Width of each card in pixels.

Card Height

Height of each card in pixels.

Overlap

Horizontal overlap between resting cards in pixels.

Push Distance

Distance neighboring cards are pushed aside on hover.

Hover Lift

Vertical lift applied to the hovered card in pixels.

Spread

Distance cards spread while hovered.

Rotation

Rotation amount applied to stacked items.

Duration

Hover animation duration.

Accent Color

Outline color shown around the active card. Transparent by default.

Loading Hover Stack