¿Quieres reaccionar a este mensaje? Regístrate en el foro con unos pocos clics o inicia sesión para continuar.

[Css3] Texto Efecto neon

Ir abajo

[Css3] Texto Efecto neon Empty [Css3] Texto Efecto neon

Mensaje por Deryan Mar Sep 18, 2012 2:38 pm

text-fill-color para colorear el interior del texto
text-stroke-width para el ancho del borde.
text-shadow para dar resplandor al texto
text-stroke-color para el color del borde exterior

Código:
.textoneon{
  font-size: 100px;
  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; /* Damos el resplandor*/
  -webkit-text-fill-color: #F4ECFF; /* Coloreamos el interior del texto*/
  -webkit-text-stroke-color:#C546F7; /* Color del borde exterior*/
  -webkit-text-stroke-width:0.2px;
}

Para colocarlo en la web :

Código:
<span class="textoneon"> Aquí el texto </span>




Fuente : [Tienes que estar registrado y conectado para ver este vínculo]
Deryan
Deryan
Administrador
Administrador

Mensajes Mensajes : 134
MCoins MCoins : 2227225
Gracias Gracias : 8
Advertencia Advertencia : 100%


https://mundocodigos.foroactivo.mx

Volver arriba Ir abajo

Volver arriba

- Temas similares

 
Permisos de este foro:
No puedes responder a temas en este foro.