LOG IN
Usuario:

Contraseña:


Últimos temas
» [PHPBB3] Estadísticas Y ¿Quien esta en Linea? como PUNBB.
Dom Ago 20, 2017 1:29 am por +Luigi!

» [PHPBB3] Recuadro a el contenido y el titulo de "¿Quien esta en Linea?".
Dom Ago 20, 2017 1:27 am por +Luigi!

» Free Forum Ranks
Lun Ago 14, 2017 3:10 am por sukerwold

» RPG Forum Ranks (Double Pack)
Lun Ago 14, 2017 3:09 am por sukerwold

» [MEGAPACK] Todos los iconos que necesitas para tu foro en un solo lugar!! -Proximamente PSD- INCLUYE EPS
Lun Ago 14, 2017 1:33 am por osmardj

» info del user al dar clic al nombre del user en el index
Vie Ago 04, 2017 10:22 pm por tyhr

» Nebula Resource Pack
Jue Ago 03, 2017 6:41 pm por Aikazen

» Skin Teen Pro9x [ PunBB ]
Lun Jun 05, 2017 3:39 am por profesional

» Ranks 3
Miér Mayo 31, 2017 11:17 pm por zotinyx

Estadísticas
Tenemos 2351 miembros registrados.
El último usuario registrado es sukerwold.

Nuestros miembros han publicado un total de 41211 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.