CSS3
Ombres sur le texte
L'ombre sur le texte est avec l'ombre sur la boite les deux éléments qui ont certainement le plus marqué les esprits lors de l'apparition du CSS3. Si tout cela est anecdotique, ils ont cependant marqué la fin de graphismes plats, et surtout l'utilisation à outrance d'image pour réaliser les mêmes effets, avec un résultat bénéfique sur le référencement.
La création d'une ombre textuelle est très simple. Il suffit d'utiliser la propriété text-shadow suivi des décalage horizontaux et verticaux, du flou d'ombre et de la couleur de l'ombre.
Voici un exemple simple appliqué :
h3.a {
text-shadow: -1px -1px white,
1px 1px #333;
color:#DDD
}
h3.b {
text-shadow: 1px 1px white,
-1px -1px #444;
color:#DDD
} 