exp003
v0.1
stagingHover Grammar
A vocabulary of hover interactions
A vocabulary of hover interactions. Each pattern serves a different purpose in communicating interactivity. Hover over each to see the effect.
Scale
Subtle size increase
Lift
Rises with shadow
Glow
Soft outline appears
Tilt
Slight rotation
Brighten
Opacity increases
Invert
Colors swap
Expand
Grows horizontally
Morph
Shape transforms
Combined Patterns
Multiple effects can be combined for richer feedback.
Scale + Lift + Shadow
Invert + Scale
Tilt + Scale + Morph