Text-Shadow : Créer une petite ombre sur vos textes

Voici une petite astuces CSS si vous ne la connaissiez pas. Text-Shadow est en faite une petite fonction CSS2 qui vous permet très facilement de créer une ombre sur votre texte.

Pour le moment seulement compatible avec Safari, Konqueror (sous linux), Opera et bientôt avec Firefox 3.1. Voici donc comment utiliser cette petite fonction, pour ainsi préparer votre blog aux évolutions des navigateurs.

text-shadow: #000000 5px 5px 5px;

La première valeur est donc la couleur souhaiter de l’ombre, la seconde est la position horizontal de l’ombre (par défault : droite) pour la mettre à gauche, entrer une valeur négative (-5px) et la dernière valeur est le rayon du flou, plus la valeur est petite plus l’ombre sera net.

Allez plus loins

1 réponse

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *