Mise en forme de la scrollbar en CSS
Problème de lecture
Cette vidéo ne semble pas disponible
00:00
00:00

TUTO Mise en forme de la scrollbar en CSS

Carl Brison
5,00€

Téléchargement & visionnage illimité

Satisfait ou remboursé

Paiement 100% sécurisé

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
Leçon 2
Mise en place du CSS de base
Leçon 3
Modification de la largeur et de la couleur du scroll
Leçon 4
Mise en place d'une ombre portée
Leçon 5
Conclusion

Plan détaillé du cours

Leçon 1Mise en place du HTML
02m33s
Leçon 2Mise en place du CSS de base
03m09s
Leçon 3Modification de la largeur et de la couleur du scroll
03m26s
Leçon 4Mise en place d'une ombre portée
05m13s
Leçon 5Conclusion
01m21s

Avis des apprenants

Détail des avis
15
Apprenants
6
Commentaires
5/5
Note moyenne
5/5
6
4/5
0
3/5
0
2/5
0
1/5
0
Alain Tardif
Alain Tardif
Publié le 12/09/2023
Merci Carl, cours très pratique, de découverte en découverte ! Tuto très bien expliqué. Validé 100 % #scrollbar-CSS
Carl Brison
Carl Brison
Merci beaucoup, Alain ;-)
Richard Anctil
Richard Anctil
Publié le 27/08/2020
J'aime bien ce truc, merci bien.
Carl Brison
Carl Brison
Cool !!! Merci ;-)))
Patrice Thouvenot
Patrice Thouvenot
Publié le 19/08/2020
merci pour cette formation
Carl Brison
Carl Brison
Merci ;-)

Vos questions sur le cours

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.

Attendez ! 🤗

Accédez à plus de 1334 tutos gratuits

Notre politique de protection des données