Skip to content

Instantly share code, notes, and snippets.

Created July 3, 2017 23:31
  • Star 5 You must be signed in to star a gist
  • Fork 2 You must be signed in to fork a gist
Star You must be signed in to star a gist
Save CodeMyUI/43aea619d1a488027038f6c4a9aa6de0 to your computer and use it in GitHub Desktop.
Auto Type CSS !
<!DOCTYPE html>
<meta charset=utf-8 />
<h1>Hello , CSS-Support !</h1>
@-webkit-keyframes typing { from { width: 0; } }
@-webkit-keyframes blink-caret { 50% { border-color: transparent; } }
h1 {
font: bold 300% Consolas, Monaco, monospace;
border-right: .1em solid black;
width: 16.5em;
width: 21ch;
margin: 2em 1em;
white-space: nowrap;
overflow: hidden;
-webkit-animation: typing 2s steps(21, end),
blink-caret .5s step-end infinite alternate;
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment