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

Efecto texto neon

2 participantes

Ir abajo

Efecto texto neon Empty Efecto texto neon

Mensaje por Deryan Dom Oct 14, 2012 11:45 am

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

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]
Deryan
Deryan
Administrador
Administrador

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


https://mundocodigos.foroactivo.mx

Volver arriba Ir abajo

Efecto texto neon Empty Re: Efecto texto neon

Mensaje por rubenfr Lun Oct 22, 2012 4:28 pm

excelente efecto
rubenfr
rubenfr
Nuevo Usuario
Nuevo Usuario

Mensajes Mensajes : 8
MCoins MCoins : 2206635
Gracias Gracias : 0
Advertencia Advertencia : 100%


Volver arriba Ir abajo

Volver arriba

- Temas similares

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