3,00

Tuto Créer un site onepage avec un scroll animé en CSS avec CSS

3,00

  • Une formation vidéo de 24m04s
  • Téléchargement immédiat et visionnage illimité à vie
  • Satisfait ou remboursé
  • Fichiers sources inclus
  • Découvrez pourquoi vous former avec Tuto.com
Créer un site onepage avec un scroll animé en CSS

ajouter ce cours aux favoris retirer ce cours des favoris

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



Formateur : Adrien Gazaix

Adrien Gazaix a publié 122 tutoriels et obtenu une note moyenne de 4,8/5 sur 50 555 tutoriels vendus. Adrien Gazaix est un formateur certifié tuto.com. Voir les autres formations de Adrien Gazaix

5,0
note moyenne

6
avis laissés
5 étoiles
6
4 étoiles
0
3 étoiles
0
2 étoiles
0
1 étoile
0
  • 5
    avis de pthouvenot laissé le 15/07/2020
    Merci pour le tuto .

  • 5
    avis de fiffo laissé le 26/05/2020
    Très bonnes astuces, que je découvre dans ce tuto. Un bon tuto, simple et complet!

  • 5
    avis de Sylanor laissé le 25/05/2020
    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.
accédez à plus de 1264 tuto gratuits


non, je ne veux pas me former gratuitement

voir notre politique de protection des données