Lea Verou 9/5/2011

Pure CSS3 typing animation with steps()

Read Original

This technical article explains how to create a classic typing animation using the CSS3 `steps()` function. It details the implementation, which requires a monospace font and a solid background, and discusses browser compatibility (Gecko/Webkit). The article also explores an alternative method using width animation and provides a simpler cursor example for clarity.

Pure CSS3 typing animation with steps()

Comments

No comments yet

Be the first to share your thoughts!

Browser Extension

Get instant access to AllDevBlogs from your browser

Top of the Week

1
ServiceNow and Microsoft Copilot
Marius Sandbu 1 votes
2
The Learning Loop and LLMs
Martin Fowler 1 votes