Dans ce tuto HTML5 CSS3, Thierry Audoux vous montre les propriétés text shadow et box shadow qui permettent de mettre des ombres sous les textes et sous les boites. À travers cette formation, nous allons voir :
- Comment ajouter une ombre aux éléments conseils (.conseils).
- La propriété qui permet d'ajouter une ombre aux boites est box-shadow.
- Comment adapter cette propriété aux différents navigateurs.
- Comment modifier les paramètres de la propriété box-shadow.
Thierry Audoux vous montre comment donner des caractéristiques à la zone conseils (padding, border, background color). Vous allez également apprendre comment placer une ombre sur un texte (propriété text-shadow).
Nous allons aussi voir comment réaliser des éléments avec des ombres multiples : ombre rouge et ombre bleu par exemple. Pour finir, Thierry Audoux vous fait découvrir le filtre shadow et le filtre DXImageTransform.
