Comment créer un effet d'ombre sur un texte en HTML et CSS ?
Réponses rédigées par Antoine
Dernière mise à jour : 2022-05-12 13:44:12
Question
Comment faire pour créer un effet d'ombre, sur un texte, en HTML et CSS ?
Réponse
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.