HTML CSS
(a quick guide)
<p id="tw"></p>
KEYFRAMES TO “TYPE TEXT” @keyframes write { 0% { content: ""; } 30% { content: "W"; } 60% { content: "WO"; } 90% { content: "WOW"; } 100% { content: "WOW"; } }
ATTACH KEYFRAMES TO ::BEFORE #tw::before { content : ""; animation: write 3s linear infinite; }
BLINKING KEYFRAMES @keyframes blink { 0% { opacity: 0; } 100% { opacity: 1; } }
USE ::AFTER TO CREATE “CURSOR” #tw::after { content: "|"; animation: blink infinite alternate 0.4s; }