text-shadow CSS propriété

Définition de la CSS text-shadow.

La propriété d'ombre CSS text-shadow permet de créer une ombre portée Css sous le texte.

text-shadow : 2em 2em 0.2em red;
text-shadow : 2em 2em 0.2em red, 6px 3px 15px yellow;

La propriété de feuille de style text-shadow CSS accepte quatre valeurs dans l'ordre :

• nombre suivi d'une unité de longueur CSS (px, em, %, etc...) qui spécifie le décalage horizontal de l'ombre portée Css du texte.
• nombre suivi d'une unité de longueur CSS (px, em, %, etc...) qui spécifie le décalage vertical de l'ombre portée Css du texte.
• nombre suivi d'une unité de longueur CSS (px, em, %, etc...) qui spécifie le rayon du flou de l'ombre portée Css du texte, la valeur peut être omise dans ce cas la sa valeur est 0.
• couleur : format de couleurs (peut être mise premier) qui spécifie la couleur de l'ombre portée Css du texte. Si omise la couleur sélectionnée de l'ombre portée Css du texte est la valeur calculée de color de l'élément.

• none, aucune ombre Css.
• inherit : hérite de la propriété CSS text-shadow de son parent.

Exemple de code text-shadow CSS

Conditions d'application de la CSS text-shadow.

La propriété CSS text-shadow est applicable sur toutes les balises HTML ou XHTML.

Problème d'interprétation de text-shadow en Css.

La propriété de feuille de style text-shadow CSS est reconnue que par Safari >= 1.1 (>=5 ombres multiples), Internet Explorer >=10 , Chrome >=2.2 et par FireFox >=3.5

Conditions d'animation de text-shadow en CSS3.

La CSS text-shadow est une propriété de feuille de style qui peut être utilisée pour les animations CSS et transitions CSS.