Typing Text Animation Using Only HTML & CSS 

you're welcome

Welcome ❤️

you're welcome

Enjoy

same

😂😂😂 u think any one of us got projects like this worked

i agree

for me worked: Text typing animation I'm a body{ margin: 0; padding: 0; background-color: #2f3542; color: #fff; height: 100vh; display: flex; justify-content: center; align-items: center; font-family: 'Montserrat', sans-serif; } .animated-text{ font-size: 20pt; font-weight: 600; min-width: 280px; } .animated-text span{ position: relative; } .animated-text span::before{ content: "RU-vidr"; color: #ff7f50; animation: words 20s infinite; } .animated-text span::after{ content: ""; position: absolute; width: calc(100% + 8px); height: 100%; background-color: #2f3542; border-left: 2px solid #ff7f50; right: -8px; animation: cursor .8s infinite, typing 20s steps(14) infinite; } @keyframes cursor{ to{ border-left: 2px solid transparent; } } @keyframes words{ 0%, 20%{ content: "RU-vidr"; } 21%, 40%{ content: "Blogger"; } 41%, 60%{ content: "Developer"; } 61%, 80%{ content: "Designer"; } 81%, 100%{ content: "Gamer"; } } @keyframes typing{ 10%, 15%, 30%, 35%, 50%, 55%, 70%, 75%, 90%, 95%{ width: 0; } 5%, 20%, 25%, 40%, 45%, 60%, 65%, 80%, 85%{ width: calc(100% + 8px); } }