← Back to release summary

CSS grid-template properties interpolation

Category
CSS
Type
Chromium catches up
Status
Enabled by default (Chrome 107)
Intent stage
Shipped

Summary

In CSS Grid, the grid-template-columns and grid-template-rows properties allow developers to define line names and track sizing of grid columns and rows, respectively. Supporting interpolation for these properties will allow grid layouts to smoothly transition between states, instead of snapping at the halfway point of an animation or transition. Web developers can use this functionality to achieve specific interactive effects.

Standards & signals

View on chromestatus.com