Schmoodboard
Back to glossary
Motion

Scale

motionanimationtransformhoverfeedback

An element grows or shrinks, typically as an entrance effect or an interactive feedback.

When to use

  • Card hover lift (subtle scale up like 1.02)
  • Modal or popover entrance (scale from 0.9 to 1)
  • Button press feedback (scale down on active state)

Examples

  • Card lifts to scale(1.02) on hover
  • Dialog enters at scale(0.95) then springs to scale(1)

See this in the wild

Analyze a site and look for scale in the breakdown.

Analyze a site

More in Motion