LOG IN
Usuario:

Contraseña:


Estadísticas
Tenemos 2352 miembros registrados.
El último usuario registrado es golfete.

Nuestros miembros han publicado un total de 41213 mensajes en 3358 argumentos.
Afiliados





No estás conectado. Conéctate o registrate

Ver el tema anterior Ver el tema siguiente Ir abajo  Mensaje [Página 1 de 1.]


1 Text-Shadow el Miér Dic 07, 2011 7:21 pm

Text-Shadow
En este tutorial les explicaré la función del text shadow en css.
Esta propiedad aplica un borde a nuestro texto. Ejemplo:

text-shadow: 1px 5px 10px #000;

1px: Es la distancia entre la sombra y el texto original sobre el eje X. Si el numero es mayor, la sombra se moverá hacia la derecha. Mientras que si es negativo, la sombra se verá en la izquierda.

5px: Cuando su numero es positivo, la sombra se moverá hacia abajo; si es negativo, hacia arriba.

10px: Representa la "dispersión" de la sombra.

#000: el color de la sombra.
Ejemplo de Texto

El resto queda en su imaginación, les muestro por ejemplo, una sombra con un efecto de "fuego":


Ejemplo de Texto con Fuego

Código:
text-shadow: 0px -11px 10px #C60, 0px -3px 9px #FF0;font-size: 30px;color: #fff;



Última edición por Bazinga el Jue Ene 05, 2012 6:44 am, editado 1 vez

Ver perfil de usuario http://www.webdesignforo.net

2 Re: Text-Shadow el Miér Dic 21, 2011 7:30 pm

Quedó genial, muy bueno, gracias Encantado

Ver perfil de usuario

3 Re: Text-Shadow el Jue Dic 22, 2011 2:33 am

Esta genial Gracias por el aporte xD

Ver perfil de usuario http://animepng.blogspot.com

4 Re: Text-Shadow el Mar Dic 27, 2011 9:52 pm

Me gusta por que lo explicas, aunque ya lo se gracias tito.

Ver perfil de usuario http://www.aikayweb.activo.ws

5 Re: Text-Shadow el Jue Dic 29, 2011 7:01 pm

Esto como se pondria en un grupo?

Ver perfil de usuario http://www.webdesignforo.net/

6 Re: Text-Shadow el Sáb Dic 31, 2011 7:57 am

xD pero como se pone..

Ver perfil de usuario

7 Re: Text-Shadow el Dom Ene 08, 2012 11:20 pm

Muy buena explicación amigo! Sonrisa

Ver perfil de usuario

8 Re: Text-Shadow el Vie Feb 03, 2012 3:08 am

Hola!
Muchas gracias por el codigo, buen codigo por cierto.
Saludos, Atte. Web - Master

Ver perfil de usuario

9 Re: Text-Shadow el Dom Feb 05, 2012 3:31 pm

Muchas Gracias por la explicacion!

Ver perfil de usuario http://graphicsowt.el-foro.net/forum

Contenido patrocinado


Ver el tema anterior Ver el tema siguiente Volver arriba  Mensaje [Página 1 de 1.]

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