InicioHazlo Tu MismoTexto con Efecto Neón (Css)


Un sencillo ejemplo de como simular un efecto “neón” sobre una tipografía en CSS3, sin utilizar imágenes. Para ello utilizamos principalmente text-shadow para dar resplandor al texto, text-fill-color para colorear el interior del texto, text-stroke-color para el color del borde exterior, y text-stroke-width para el ancho del borde.




Solo tienen que colocar este codigo entre las etiquetas <head></head>

<style type="text/css">
.neon {
font-size: 50px;
letter-spacing:-2px;
color: #fff;
text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #ff00de, 0 0 25px #ff00de;
-webkit-text-fill-color: #F4ECFF;
-webkit-text-stroke-color:#C546F7;
-webkit-text-stroke-width:0.2px;
-moz-text-fill-color: #F4ECFF;
-moz-text-stroke-color:#C546F7;
-moz-text-stroke-width:0.2px;
}
</style>






y ahora este codigo donde quieras que aparezca tu mensaje con este estilo



<div class="neon">
Aqui pondras tu texto tipo Neon
</div>




Bueno eso seria todo espero les guste este pequeño estilo y tengan en cuenta que para que resalte el estilo debe ir con un fondo obscuro bueno me despido y les dejo un

Datos archivados del Taringa! original
25puntos
60visitas
0comentarios
Actividad nueva en Posteamelo
0puntos
1visitas
0comentarios
Dar puntos:

Dejá tu comentario

0/2000

Autor del Post

o
omaredomex🇦🇷
Usuario
Puntos0
Posts1
Ver perfil →
PosteameloArchivo Histórico de Taringa! (2004-2017). Preservando la inteligencia colectiva de la internet hispanohablante.

CONTACTO

18 de Septiembre 455, Casilla 52

Chillán, Región de Ñuble, Chile

Solo correo postal

© 2026 Posteamelo.com. No afiliado con Taringa! ni sus sucesores.

Contenido preservado con fines históricos y culturales.