Introduction à la Propriété Box-Shadow
Objectifs
Les objectifs de cette vidéo sont d'apprendre à utiliser la propriété CSS box-shadow pour ajouter des ombres aux éléments, comprendre les différentes valeurs et leur influence, et savoir créer des effets de profondeur et de relief en CSS.
Résumé
Découvrez comment ajouter des ombres à vos éléments avec la propriété CSS box-shadow pour améliorer vos designs.
Description
Dans cette leçon, nous allons explorer la propriété CSS box-shadow qui permet d'ajouter des ombres à des éléments. Tout d'abord, nous examinerons les différents paramètres de cette propriété, notamment le décalage horizontal, le décalage vertical, la distance de flou, et la couleur. Vous apprendrez comment ces valeurs interagissent pour créer une ombre réaliste et esthétique.
Ensuite, nous verrons comment placer une ombre à l'intérieur d'un élément en utilisant le mot-clé inset. Cette technique permet d'ajouter de la profondeur et des effets de relief à vos éléments. Nous aborderons également la possibilité de cumuler plusieurs ombres sur un même élément, en les séparant par des virgules, pour créer des effets plus complexes.
Nous conclurons en soulignant les avantages d'utiliser CSS box-shadow par rapport à des images, ce qui permet de maintenir des pages web légères et performantes tout en enrichissant visuellement vos designs.
Questions - réponses
Programme détaillé
Module 1 - Introduction à la formation HTLM5 et CSS3
Module 2 - Les bases de la mise en page
Module 3 - La mise en page avancée
Module 4 - Autres sélecteurs et propriétés
Facebook
Twitter
Linkedin
Email
Dommage.