NavBar Responsive #2 : Améliorez votre menu avec un dropdown animé
NavBar Responsive #2 : Améliorez votre menu avec un dropdown animé
Dans ce tuto en vidéo, nous allons apprendre à manipuler la barre de scroll qui apparaît à droite de la fenêtre de notre navigateur lorsque l'information dépasse la hauteur de la fenêtre courante.
Cette manipulation de la barre de scroll se fera au travers du langage CSS.
Je vais vous montrer comment nous pouvons agir sur sa largeur ainsi que sur sa couleur.
Je vais également vous montrer comment créer un effet au moment du scroll, grâce aux ombres portées.
Je mets à votre disposition l'ensemble des codes de ce tuto.
Je reste disponible dans le salon d'entraide pour répondre à vos éventuelles questions sur ce cours.
Si vous souhaitez en apprendre plus sur le HTML et le CSS je vous propose cette formation complète.
Qu’allez-vous apprendre dans ce cours ?
Plan de cours
Leçon 1
Mise en place du HTML
Mise en place du HTML
Leçon 2
Mise en place du CSS de base
Mise en place du CSS de base
Leçon 3
Modification de la largeur et de la couleur du scroll
Modification de la largeur et de la couleur du scroll
Leçon 4
Mise en place d'une ombre portée
Mise en place d'une ombre portée
Leçon 5
Conclusion
Conclusion
Plan détaillé du cours
Leçon 1Mise en place du HTML
02m33
Leçon 2Mise en place du CSS de base
03m09
Leçon 3Modification de la largeur et de la couleur du scroll
03m26
Leçon 4Mise en place d'une ombre portée
05m13
Leçon 5Conclusion
01m21
Avis des apprenants