A RetroSearch Logo

Home - News ( United States | United Kingdom | Italy | Germany ) - Football scores

Search Query:

Showing content from https://webplatform.github.io/docs/css/functions/steps below:

steps · WebPlatform Docs

steps Summary

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.

Examples

Apply an un-smoothed ratchet effect to any font-size transitions:

p {
    transition: font-size 1s;
    transition-timing-function: steps(5);
}
Related specifications
CSS Transitions
Working Draft

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