efecto Neon css3

Efecto Neon con CSS3 para tus textos

efecto Neon css3El 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 thoughts on “Efecto Neon con CSS3 para tus textos

  1. Benja 21 abril, 2017 at 4:57 PM

    Muy chulos los efectos. Gracias por compartir.

    • sapoclay 21 abril, 2017 at 5:28 PM

      Gracias por la visita. Salu2.

Deja un comentario