Efecto neon con CSS

No basta ir modificando tu web y dandole un toque personalizado, es por eso que en Helpwebpro segumos dandote pequeños consejos para que tu web siga luciendo cada vez mejor, el dia de hoy les tremos un pequeño efecto css que hace que el texto tenga una sombra detras es por eso que se le llama EFECTO neon, se hace utilizando la propiedad Text-shadow, les mostrare algunos de los ejemplos que pueden utilizar al crear este muy util y agradable efecto que les podrá servir a su web. Existen varios colores que pueden aplicar a este código, si tu dominas muy bien los colores no se te hará muy dificíl




EJEMPLO UNO DE UN TEXTO NEON COLOR MORADO

EJEMPLO DOS DE UN TEXTO NEON COLOR VERDE

EJEMPLO TRES DE UN TEXTO NEON COLOR ROJO

CÓDIGO PARA APLICAR EL TEXT SHADOW

1.- MORADO  {text-shadow: 0 0 0.2em #87F, 0 0 0.2em #87F,0 0 0.2em #87F}
2.- VERDE   {text-shadow: 0 0 0.2em #8F7}                                
3.- ROJO    {text-shadow: 0 0 0.2em #F87, 0 0 0.2em #F87}

---

Añadir comentario acerca de esta página:

Tu nombre:
Tu mensaje: