$ 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é 122 tutoriels et obtenu une note moyenne de 4,8/5 sur 50 065 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 1213 tuto gratuits


non, je ne veux pas me former gratuitement

voir notre politique de protection des données