Efecto texto neon

Ir abajo

Efecto texto neon

Mensaje por Deryan el 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]


[Tienes que estar registrado y conectado para ver esa imagen]


Hola Invitado, si eres nuevo por aqui te recomiendo leerte las [Tienes que estar registrado y conectado para ver este vínculo]

Mi nombre es Deryan soy:
[Tienes que estar registrado y conectado para ver esa imagen] Fundador y Administrador de MundoCodigos [Tienes que estar registrado y conectado para ver esa imagen]
para cualquier duda,sugerencia,queja,denuncia,se contacta con migo o crea un tema en este foro.
avatar
Deryan
Administrador
Administrador

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


Ver perfil de usuario http://mundocodigos.foroactivo.mx

Volver arriba Ir abajo

Re: Efecto texto neon

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

excelente efecto
avatar
rubenfr
Nuevo Usuario
Nuevo Usuario

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


Ver perfil de usuario

Volver arriba Ir abajo

Volver arriba


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