v150 · CSS · Animation
Authoring Studio
Dial in your zoom animation parameters — duration, easing, start/end values, trigger — and watch a live preview that shows both the zoom-animated card and its layout-aware neighbors. Generates a copyable CSS snippet ready to drop into production.
Controls
Zoom from 1.0
Zoom to 1.25
Duration (ms) 300ms
Easing
Trigger
Card color
Selector
Live preview — zoom element expands in layout
neighbors
A
animated card
B
neighbors
C
Hover over card B to trigger
/* generated CSS */
implementation reference
Need the exact API surface, compatibility boundaries, errors, lifecycle, and source links? Read the matching gendn reference ↗