v149 · CSS · Layout
Animated Rules
Because column-rule and row-rule are first-class CSS properties, they participate in transitions and animations just like color or border-width. Adjust the sliders to change rule colour, width, and style — the grid separators animate smoothly between values via transition.
Q1Revenue
Q2Revenue
Q3Revenue
Q4Revenue
↑24%Growth
↑11%Growth
↓3%Growth
↑18%Growth
Rule controls
see also
- Gap-Ruled Grid — editorial card grid with separator rules
- Flex Dividers — nav bars and tag lists
- Rule Builder — generate gap-decoration CSS
- Data Table Rules — data grid with column rules
implementation reference
Need the exact API surface, compatibility boundaries, errors, lifecycle, and source links? Read the matching gendn reference ↗