Introduction à Border-Radius et Box-Shadow
Objectifs
Les principaux objectifs de cette vidéo sont :
- Comprendre et utiliser la propriété border-radius pour arrondir les bords des éléments.
- Maîtriser la propriété box-shadow pour ajouter des ombres portées avec différents paramètres.
- Explorer les possibilités offertes par la propriété opacity pour manipuler la transparence des éléments.
Résumé
Explorez les nouvelles propriétés CSS3 telles que border-radius et box-shadow pour créer des designs modernes avec des bordures arrondies et des ombres.
Découvrez également l'utilisation de la propriété opacity pour ajouter de la transparence à vos éléments.
Description
Cette leçon vous introduit aux principales nouvelles propriétés de CSS3, à savoir border-radius et box-shadow. Le border-radius permet de créer des bords arrondis sur les boîtes CSS, offrant un design plus doux et moderne. La valeur peut être uniformément appliquée aux quatre coins ou spécifiée individuellement pour chaque coin afin de créer des formes uniques.
La propriété box-shadow vous permet d'ajouter des ombres portées aux éléments, augmentant ainsi la profondeur et la dimension de vos designs. Vous apprendrez à manipuler les différents paramètres de cette propriété, y compris les décalages horizontal et vertical, la zone de flou, et la couleur de l'ombre.
Enfin, la vidéo traite de l'usage de la propriété opacity pour définir la transparence des éléments. Vous verrez comment jouer sur l'opacité de l'arrière-plan tout en gardant le texte et les ombres entièrement visibles, améliorant ainsi l'esthétique de vos compositions. Chaque technique est illustrée avec des exemples pratiques, garantissant une compréhension claire et une application facile dans vos projets de développement web.
Questions fréquentes
Programme détaillé
Module 1 - Introduction
Module 2 - Généralités sur le marché des mobiles
Module 3 - Rappel HTML
Module 4 - Rappel CSS
Module 5 - Notions de HTML5 et CSS3
Module 6 - Concevoir une webApp
Module 7 - Les simulateurs
Module 8 - Construire sa première WebApp
Module 9 - Vérifier et compresser
Module 10 - Construire une webApp avec JQuery Mobile
Module 11 - Annexe 1 | Notions de bande passante
Module 12 - Annexe 2 | Les usages
Module 13 - Annexe 3 | Les librairies disponibles
Module 14 - Conclusion
