steps() is a relatively new addition to the CSS3 animations module. Instead of interpolating the values smoothly, it allows us to define the number of “frames” precisely. So I used it to create headers that have the well-known animated “typing effect”:
via Lea Verou – Pure CSS3 typing animation with steps(). Pretty nifty trick.