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.
Table des matières de cette formation CSS (durée : 15m42s)
-
- Mise en place du HTML 00:02:33
- Mise en place du CSS de base 00:03:09
- Modification de la largeur et de la couleur du scroll 00:03:26
- Mise en place d'une ombre portée 00:05:13
- Conclusion 00:01:21
- Fichiers sourcestélécharger
- Certificat
Formateur : Carl Brison
-
J'aime bien ce truc, merci bien.
-
Merci pour cette formation
-
Encore un super tuto j'en profite pour te demander pense tu faire un tuto pour déclencher des animations aux scroll en javascript ? Il y en a mais comme tu tu enseignes super bien ce serait cool que tu nous briefes sur ce thème ... Merci encore pour tout ce que tu fait pour nous ... j'ai acheté le dernier tuto que tu as fait sur GIT et GITHUB ! je suis super content car je l'attendais ;)
-
Avec quelle version de logiciel ce tuto est-il compatible ?CSS
-
Quel est le niveau requis pour suivre ce tuto ?débutant
-
Que contient le fichier source ?Le code source du tuto.
note moyenne
avis laissés