Sites


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
} 


Il y a une erreur de communication avec le serveur Booktype. Nous ne savons pas actuellement où est le problème.

Vous devriez rafraîchir la page.