A timing function that specifies a progression of discrete intervals over the course of a transition or animation keyframe.
The function’s mandatory first argument specifies the number of discrete, equal steps in the progression. An optional second argument accepts keywords start or end (the default), specifying whether the change should take place at the beginning or end of each new step.
ExamplesApply an un-smoothed ratchet effect to any font-size transitions:
p {
transition: font-size 1s;
transition-timing-function: steps(5);
}
Related specifications
RetroSearch is an open source project built by @garambo | Open a GitHub Issue
Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo
HTML:
3.2
| Encoding:
UTF-8
| Version:
0.7.4