Ombres

Le langage CSS permet d’ajouter un effet ombre à du texte ou à un élément HTML. De manière générale, cela donne un effet 3D à une image.

La propriété text-shadow

Pour appliquer un effet d’ombre à un élément texte, la propriété text-shadow doit être utilisée.

Dans son utilisation la plus minimale, il suffit de préciser l’ombre horizontale et l’ombre verticale à ajouter au texte. Si ces deux paramètres sont précisés, cela donnera plus un effet 3D sur le texte qu’un réel effet d’ombres.

Exemple :

h1  {
    text-shadow: 2px 2px;
}

Ajouter une couleur d’ombre

Pour changer la couleur de l’ombre derrière un texte, il faut ajouter la couleur après les valeurs d’ombre horizontale et verticale.

Exemple :

h1  {
    text-shadow: 2px 2px green;
}

Ajouter un effet de flou