Faire son site 11 : Référence CSS - text-shadow

text-shadow

La propriété text-shadow ajoute des ombres à du texte.

La propriété est définie par 2 ou 3 valeurs de type <length> et d'une valeur optionnelle de type <color>.

La première valeur indique la largeur de l'ombre horizontalement. Une valeur positive place l'ombre à droite du texte tandis qu'une valeur négative place l'ombre à gauche.

La deuxième valeur indique la largeur de l'ombre verticalement. Une valeur positive place l'ombre en bas du texte tandis qu'une valeur négative place l'ombre en haut.

EXEMPLE
text-shadow: 2px 2px black;

La troisième valeur, si elle est présente, indique le niveau de diffusion du flou de l'ombre.

EXEMPLE
text-shadow: 5px 5px 3px black;

En donnant au texte la même couleur que celle du fond, on obtient un effet qui peut être intéressant.

EXEMPLE
text-shadow: 3px 3px black;