Proyectos Web

Efecto de máquina de escribir con HTML y CSS

22 de Octubre del 2015

En este tutorial aprenderemos como hacer un efecto de texto como si se tratase de una máquina de escribir, el texto se escribe solo y se borra de igual manera. Solo lo hemos hecho utilizando puro HMTL y CSS. 

Ten en cuenta que en vista de ello, este ejemplo solo funciona con colores sólidos, mas no con imágenes. Puesto que el truco está que en otro elemento del mismo color del fondo, cubra el texto, dando la apariencia de que se está escribiendo.

Aquí el ejemplo:

See the Pen Efecto de máquina de escribir con HTML y CSS by JyG Proyectos Web (@JyGProyectosWeb) on CodePen.

Y aquí un video de como hacer este efecto