1
Text-Shadow Miér Dic 07, 2011 7:21 pm
Tito
Mensajes : 3392 
Monedas : 6679 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
