La propriété text-shadow
permet de créer des ombres sur un texte. Cette propriété s’utilise de la façon suivante :
text-shadow: 2px 2px 2px black;
Où les 4 valeurs correspondent, dans l’ordre :
- Décalage de l’ombre vers la droite
- Décalage de l’ombre vers le bas
- Valeur du flou de l’ombre
- Couleur de l’ombre
Il est possible d’ajouter des ombres multiples en les séparant par une virgule. Les ombres s’appliquent alors de haut en bas.
text-shadow: 2px 2px 2px black, -2px -2px 2px white;
Cette propriété s’utilise de manière non-préfixée et est compatible dans IE10,Firefox 3.5, Chrome 4, Safari 4, Opéra 9.5 et sur *tous* les mobiles récents.
Note : il n’existe pas de mot-clé inset
pour créer une ombre interne sur du texte. Pour réaliser cet effet, vous pouvez utilisez les filtres SVG, lisez Ombre interne sur du texte !
#1par Candide Bley, le 11 mars 2013
Saut merci pour vos tuto, ça me sert vraiment ! (y)