CSS3 Shadows
Bon à savoir 😉
CSS3 nous apporte des brides du côté obscur de la force en proposant de gérer des ombres diverses et variées directement depuis votre feuille de styles : blocs et textes sont concernés avec également la combinaison de plusieurs ombrages pour obtenir des effets avancés.
Tutoriel par Sommaire
- Introduction à
box-shadow - Introduction à
text-shadow
Introduction à box-shadow
Les ombres portées prennent aujourd’hui une place importante dans le web design et permettent la mise en exergue d’éléments importants, ou l’ajout d’une touche de profondeur dans vos graphismes. Il est possible de dire adieu aux images superflues uniquement destinées à la réalisation d’ombres portées ; adieu à la soupe de <div>, <span>, et autres structures en tableau pour réaliser des effets graphiques riches.
Deux types d’ombres existent en CSS :
- les
box-shadow, les ombres ajoutées aux éléments de type bloc, - les
text-shadow, les ombres ajoutées au contenu textuel.