Lea Verou makes a “typing” animation with the CSS3 sub-property steps
which allows you to specify how many keyframes an animation uses. Knowing the number of keyframes means you can know exactly that the CSS will be like at that keyframe and you can plan accordingly. Another example: animated “sprite sheet” by simurai.
steps()
UGURUS offers elite coaching and mentorship for agency owners looking to grow. Start with the free Agency Accelerator today.