CSS · Functions and values

steps()

A stepped timing function, perfect for sprite frames and mechanical motion.

cssRunnable example css course

Syntax

steps(count, jump-term)

Example

Try it

.demo { animation: blink 1s steps(2, jump-none) infinite; } @keyframes blink { 50% { opacity: 0.3; } }

Reference pages are the quick answer. The course explains the why, shows the full example and ends with a challenge.