Quoting the spec: "A frames timing function is a type of timing function that divides the input time into a specified number of intervals of equal length, each of which is associated with an output progress value of increasing value. ... This makes it suitable, for example, for using in animation loops where the animation should display the first and last frame of the animation for an equal amount of time as each other frame during each loop." See the spec link for examples.



Specification link

Specification currently under development in a Working Group

Status in Chromium


No longer pursuing (tracking bug)

Consensus & Standardization

After a feature ships in Chrome, the values listed here are not guaranteed to be up to date.



this was about to ship in M60 but reverted due to unresolved issues over naming https://github.com/w3c/csswg-drafts/issues/1301 Ultimately, the frames() timing function was removed from the spec in favour of steps() and so frames() was removed from Chromium in https://crbug.com/935526. frames() was never shipped in Chromium.

Search tags

frames, steps,

Last updated on 2020-11-19