Efecto texto neon
2 participantes
Página 1 de 1.
Efecto texto neon
Vista previa en linea:
[Tienes que estar registrado y conectado para ver este vínculo]
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
y para mostra es:
fuente | [Tienes que estar registrado y conectado para ver este vínculo]
[Tienes que estar registrado y conectado para ver este vínculo]
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;
}
y para mostra es:
- Código:
<span class="textoneon"> Aquí el texto </span>
fuente | [Tienes que estar registrado y conectado para ver este vínculo]
Re: Efecto texto neon
excelente efecto
rubenfr- Nuevo Usuario
- Mensajes : 8
MCoins : 2206635
Gracias : 0
Advertencia :
Temas similares
» [Css3] Texto Efecto neon
» [HTML]Texto parpadeante
» [Todos] Eliminar scroll y borde de campo de texto
» Efecto en mensajes de perfil
» [PHPBB3] Efecto de zoom en avatar
» [HTML]Texto parpadeante
» [Todos] Eliminar scroll y borde de campo de texto
» Efecto en mensajes de perfil
» [PHPBB3] Efecto de zoom en avatar
Página 1 de 1.
Permisos de este foro:
No puedes responder a temas en este foro.