Video

Thank you so much for sharing your Knowledge. I wish you all the best in life!

Short and helpfully

I understood nothing

Tysm

Thanks allot

Merci frère ! 😂

Works only when you didn't mention items height and width...

Hi. It works perfect with one word. When i applied this animation for text with a few words, animation works smoothly only on the first word. How to fix it?

test comment

My emmet ABRIVATION not working what to do

Hope your cat is well

Brotha you are legend.

Awesome tutorial, straight to the point, thank you!

thank you!

That last line is amazing😂

Any idea how to make this responsive after the animation?

feed this mans cat

love it!

Thanx bro ❤

Fantabulous 🎉 ❤

amm.. why does the cursor goes to the right side side of the screen??

thanks

why it's too easy

Its not working for me... What mistakes i made i dont know

Thanks

Amazingggggggggggg

love u

It's a shame you can't use this on an actual website. Would've been neat.

Underrated Video

this like is for the cat and this heart <3 is for you for making this great tutorial

thank you ver much :)

is there a way to remove the cursor after it completes going over the intended text?

this video is not very clear.

What was the first one? Id love to know

That cat looks hungry Lemme give him a like

I am gonna feed your cat with 100 likes

ty

Thanks bro it really works appreciate👍

Hey , just wanted to drop a quick note to say thanks for the tutorial! Tried following along but ended up with something totally unexpected and amazing! Not sure what went wrong, but hey, sometimes happy accidents lead to the best creations, right? I'd love to share it with you. How can I get in touch to show you what I created following your guidance? Keep up the awesome content! 🎨✨

Para los que quieran mejorarlo y poder crear textos de diferentes tamaños sin perder el efecto: - En tu codigo CSS escribe: :root { --typing-steps: 0; } - Modifica dentro de .text{}: .text{ animation: typing 2s steps(var(--typing-steps)), cursor .4s step-end infinite alternate; } - Por ejemplo, dentro de tu index.html puedes crear diferentes textos usando: <div class="typewritter-container"> <div class="typewritter-text" style="--typing-steps: 4;">Hola</div> </div> <br> <div class="typewritter-container"> <div class="typewritter-text" style="--typing-steps: 13;">Hola gente :D</div> </div> Obviamente el numero de pasos debe ser el equivalente al numero de caracteres que tiene la oración (Contando caracteres en blanco)

Thanks

I thought bro said kindly donate 1 lac

Brilliant. Simple and easily done.

thanks! thats exacly what i was looking for! very simple

Doesn't work for js

this works like a charm, thx man!

Thank you

Beautiful and way easier than I thought. Thank you! :)

i love these types of videos, so real

thankssssssss