Dans cette astuce CSS en vidéo, je vous propose de découvrir comment créer un site OnePage avec un scroll animé uniquement en CSS.
- Nous aurons un menu qui restera fixe et qui nous permettra au clic sur un item d'animer le scroll jusqu'à la section souhaitée.
- Nous ajouterons aussi une propriété CSS pour pouvoir "attirer" une section lorsque l'on est proche d'elle pour qu'elle soit toujours visible entièrement.
Je vous invite à regarder l'extrait vidéo pour vous rendre compte du résultat final.
Les sources sont bien évidemment fournies avec le tuto.
Bon tuto à tous !
Table des matières de cette formation CSS (durée : 24m04s)
-
- Créer et styliser les sections 00:13:12
- Ajouter un menu fixe et le système de scroll animé 00:10:52
- Fichiers sourcestélécharger
- Certificat
Formateur : Adrien Gazaix
-
Merci pour le tuto .
-
Très bonnes astuces, que je découvre dans ce tuto. Un bon tuto, simple et complet!
-
Simple mais efficace !
-
Avec quelle version de logiciel ce tuto est-il compatible ?CSS 3
-
Quel est le niveau requis pour suivre ce tuto ?intermédiaire
-
Que contient le fichier source ?Les fichiers de départ pour débuter le tuto en même temps que le formateur ainsi que les fichiers finaux pour s'y référer après le visionnage.
note moyenne
avis laissés