The rendering engine will automatically detect the type of the targeted property’s value, and use that information to smoothly transition to the new value. The same applies to CSS animations, where the browser will do value interpolation between keyframes. With the transition property in place, the grid smoothly interpolates between values.
Table of contents
Value Interpolation in CSS #Interpolating grid-template-columns and grid-template-rows #Sort: