Des ombres qui ont du style

Si vous regardez de près, vous verrez que le titre ci-dessus est écrit dans une police bleue qui parait avoir une ombre sous chaque lettre. De façon similaire, ce texte est dans une fenêtre qui parait flotter légèrement au-dessus de la page en raison d'une ombre qui la borde sur deux côtés. Ces ombres sont obtenues en utilisant la propriété CSS 3text-shadow.

Dans ce tutoriel, vous verrez différents effets pouvant être obtenus par le biais de la propriété text-shadow. Veuillez noter que bien que cette propriété soit partie du standard CSS3, certains navigateurs diffèrent dans la façon dont il la traite. En particulier, j'ai trouvé que Firefox tendait à créer des "flous" qui sont beaucoup plus flous (c'est-à-dire plus étendus) que ceux des navigateurs basé sur webkit (Chrome et Safari) - ces trois navigateurs étant les seuls que j'utilise pour mes tests.

Pour aller à la prochaine section de ce tutoriel, vous pouvez soit cliquer sur le bouton "suivant", en haut vers la droite de l'écran, ou cliquer sur l'icône de la table des matières ci-dessus, et vous en servir pour rejoindre la page recherchée.