Efecto Neon con CSS3 para tus textos

top feature image

Efecto Neon con CSS3 para tus textos


El post que voy a publicar hoy será breve. Se trata de unos códigos muy vistosos para que puedas aplicar un efecto neon utilizando únicamente CSS3.

El efecto lo conseguiremos utilizando unas pocas propiedades de este lenguaje como pueden ser, webkit-animation, moz-animation, animation y text-shadow. Evidentemente esto es solo un ejemplo y cada cual puede adaptarlo a sus necesidades.

El código que voy a presentar a continuación se divide en dos archivos, el index y el archivo de estilos. En este último será donde se creará la magia del CSS3.

Para quien quiera ver el resultado que se puede obtener con el código que a continuación se presenta, lo puede ver en funcionamiento en el siguiente enlace.

Efecto neon con CSS3

Index.html

estilos.css

Por el mismo precio, se puede ver que al final del archivo css he dejado también un extra con el que se podrá generar un texto con efecto psicodélico. El formato del efecto es parecido al efecto neon.


2 Comments

Deja un comentario

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.

Post navigation

Previous Post :