Efecto máquina de escribir con HTML y CSS (¡SIN JavaScript!) #shorts

Aprende a crear este efecto tan genial sin necesidad de usar bibliotecas en JavaScript. ¡Sólo con un poco de CSS! Perfecto para aprender las posibilidades de las animaciones y keyframes.

[maximilianominetto]

Vos si que sos una máquina! Tremendo, ¡lo mejor es que sin librerías!
Midu deberias enseñarnos css pero ya intermedio a avanzado, eso le suele gustar a la gente.

Un saludo crack.

[axyLms]

Entendi todo, me falta practica si, para que se me ocurran estos trucos, estan muy guapos.

[kevinsalazar]

Gracias hermano estoy empezando en este mundo de html y Css entonces me viene de maravilla . Gracias

[Miguedevfx]

Un minuto es lo que me toma abrir el visual Studio code, sos un crack.

[alimateocamposmartinez]

Grande! Rápido conciso!

span{

display: block;
font-family: monospace;
white-space: nowrap;
border-right: 4px solid;
width: 12ch;

animation: typing 2s steps(12), blink .5s infinite step-end alternate;
overflow: hidden;

}

@keyframes typing {
from { width: 0;}
}

@keyframes blink {
50% { border-color: transparent;}
}

[mikecode]

Que maquina tío, y la gente enseñando eso con js y en videos de 40 minutos, que grande bro! muchas gracias.

[ivanriverosgarcia]

Rompiendola como siempre, enorme midu, lofiu!!

[taintedgamer]

Que chulo, tengo 15 años y estoy aprendiendo html css y javascript, me encantaría crear mi videojuego y mi página web personalizada.Un saludo.

[AlanDiazmusic]

Estaria bueno q vays explicando que es cada cosa por ejemplo el font-family es la fuente y tal

[golveramtzz]

Es la hostia!!! Muchísimas gracias hermano... Dios te bendiga

[maximinozaratezavala]

Me fue de muchísima utilidad tu valiosísima información Gracias 🤗

[JosePerez-qtcf]

Gracias por compartir tus conocimientos!! Podrías explicar más a profundidad las animaciones

[martinalejandroarganaraz]

Que crack que sos midu estos tips son geniales ya que tambien veo propiedades que no tenia ni idea.... saludos desde argentina

[GCR]

Gracias crack, lo hice en React utilizando tailwind para el renderizado dinámico y quedo perfecto

[santiagoarias]

No es normal lo genial que eres, gracias!!!

[ccmarin]

Muchas gracias, este video hizo que me suscribiera a tu canal

[edwinloaiza]

Excelente creia que solo se podia hacer con librerias, estuvo genial muchas gracias.

[MGalvan]

Gracias miduuuu lo queria para mi portafolio

[rbenlan]

Genial!!! Gracias, lo hice y salió a la primera 😃👍🙏

[anairinaku]

Ayer estaba justo buscando esto jajaja me leíste la mente! 🤣 Gracias!!!!