$ 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

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é 123 tutoriels et obtenu une note moyenne de 4,8/5 sur 49 829 tutoriels vendus. Adrien Gazaix est un formateur certifié tuto.com. Voir les autres formations de Adrien Gazaix

5,0
note moyenne

4
avis laissés
5 étoiles
4
4 étoiles
0
3 étoiles
0
2 étoiles
0
1 étoile
0
  • 5
    avis de Sylanor laissé le 25/05/2020
    Simple mais efficace !

  • 5
    avis de membre-5818-7358 laissé le 24/05/2020
    Super tuto, simple et clair

  • 5
    avis de mgaltero laissé le 23/05/2020
    Parfait ! L'occasion d'en apprendre un peu plus. Un petit souci avec le scroll-behavior: smooth;, mais je suis sur que ça va s'arranger, comme d'habitude. Merci

  • 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 1175 tuto gratuits


non, je ne veux pas me former gratuitement

voir notre politique de protection des données