Text-shadow: Se utiliza para añadir sombra a los textos que tenemos en nuestras etiquetas.

1. Primer valor: Indica la sombra en el eje de las coordenadas x, eje horizontal. Si su valor es positivo la sombra se desplaza hacia la derecha, al contrario, si es negativo la sombra se desplaza hacia la izquierda

2. Segundo valor: Indica la sombra en el eje de las coordenadas y, eje vertical. Si su valor es positivo la sombra se desplaza hacia abajo, al contrario, si es negativo la sombra se desplaza hacia arriba.

3. Tercer valor (blur): Marca la medida de desenfoque de la sombra.

4. Color de la sombra: Indica el color de la sombra que hemos creado. Se puede especificar el color de todas las maneras posibles : por el nombre del color, por su codigo (#fff), por su RGBa, por su HSLa.

Ejemplo

See the Pen text-shadow 1 by Bernardo Martin (@bermartinv) on CodePen.


Además se pueden dar más de una sombra a un mismo elemento separando los valores entre comas.

Ejemplo

See the Pen text-shadow 2 by Bernardo Martin (@bermartinv) on CodePen.


Herramienta para ver como trabajan las características de border.