article(s) dans votre panier VOIR

Tuto XHTML/CSS | CSS3 : Text-Shadow et Box-shadow

  • Vidéo 11 sur 41
  • 8h16 de formation
  • 41 leçons

Un contenu flash devrait s'afficher ici. Votre navigateur ne comporte pas de plugin flash, ou il ne s'est pas correctement initialisé.

Vous pouvez télécharger le plugin flash depuis le site d'Adobe à l'adresse suivante : http://get.adobe.com/flashplayer/.

Pour accéder à la suite de cette formation, vous devez vous abonner.
previous
summary
resume
next
play
CSS3 : Text-Shadow et Box-shadow
00:00 / 08:12
HD
fullscreen
Je m’abonne
à partir de 16,6 € / mois
  • Visionnage en ligne
  • Accès illimité à toutes nos formations
OU
J'achète uniquement
la formation
49,90€
  • Téléchargement + VOD à vie
  • Accès uniquement à cette formation

Sommaire de la formation

Détails de la formation

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.