Pour créer un effet d'ombre sur un texte en HTML et CSS, vous pouvez utiliser la propriété CCS text-shadow.
Cette fonction contient 4 paramètres :
- La couleur de l'effet d'ombre.
- La valeur horizontale de l'ombre.
- La valeur verticale de l'ombre.
- Le rayon de l'effet d'ombre.
Voici un exemple avec une CLASS CSS nommée ombre_texte, elle est appliquée à une balise <p> :
<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">
<title>Comment créer un effet d'ombre sur un texte en HTML et CSS ?</title>
<style>
.ombre_texte {
color: black;
text-shadow: 3px 3px 3px grey;
}
</style>
</head>
<body>
<p class="ombre_texte">Un effet d'ombre autour d'un texte</p>
</body>
</html>
Vous trouverez d'avantage d'information, sur la manière d'ajouter un effet d'ombre à un texte, via cette page du site de Mozilla.
