Interpolation

Working out the in-between values of an animation.

What is interpolation in CSS animation?

Interpolation is working out the in-between values of an animation, like the colors between blue and green.

.bar { transition: width 1s; }   /* the browser interpolates every width in between */

Level: Master · More CSS terms at this level

Updated September 27, 2026