CSS Animated Grid Layouts
In CSS Grid, the grid-template-columns
and grid-template-rows
properties allow you to define line names and track sizing of grid columns and rows, respectively. Supporting interpolation for these properties allows grid layouts to smoothly transition between states, instead of snapping at the halfway point of an animation or transition.