$ 33.00

Tuto Les animations du Scroll en 9 projets avec JavaScript, CSS

$ 33.00

  • Une formation vidéo de 2h54m
  • Téléchargement immédiat et visionnage illimité à vie
  • Satisfait ou remboursé
  • Fichiers sources inclus
  • Découvrez pourquoi vous former avec Tuto.com

Dans ce cours en vidéo vous allez apprendre à créer de nombreuses animations liées au scroll.
Vous allez apprendre de la meilleure des manières : par la pratique !

Il existe des tonnes de librairies JavaScript qui permettent de faire des animations au scroll, et je vais donc vous montrer les plus performantes, efficaces et rapides pour réaliser de bonnes animations au scroll.

Il y aura également plusieurs projets en pure CSS, notamment pour faire un site avec un scroll horizontal ou encore pour faire du parallaxe très facilement.

Voici la liste des 9 projets d'animation scroll que nous allons réaliser dans ce tuto :

  • Animations de plusieurs couches de photos pour une page d'accueil.
  • Zoom de background au scroll avec Jquery.
  • Grille animée avec Rellax.js.
  • Animation d'une courbe de bézier au Scroll (ScrollMagic + Greensock).
  • Faire un site avec animations parallax en pure CSS.
  • Décomposer un GIF et animer ses images grace au Scroll.
  • Créer un site au scroll horizontal en pure CSS.
  • Créer des animations stylées de révélations de section au scroll.
  • Épingler des sections et changer les images au scroll.

Je reste disponible dans le salon d'entraide pour répondre à vos éventuelles questions. 
Si tout cela te fait envie, rejoins la formation maintenant.
Bon tuto !

Table des matières de cette formation JavaScript, CSS (durée : 2h54m)

  • Introduction au cours
    • Introduction gratuit 00:01:32
    • Code source et éditeur 00:01:24
  • Projet 1 : Animations de plusieurs couches de photos pour une page d'accueil.
    • Intro projet 1 00:03:40
    • Partie html, css et js 00:04:07
    • Fin du projet 00:09:52
  • Projet 2 : Zoom de background au scroll
    • Intro projet 2 00:03:04
    • Partie CSS et JS 00:09:30
  • Projet 3 : Grille animée
    • Intro Projet 3 00:03:01
    • Partie HTML 00:03:56
    • Partie CSS 1 00:10:44
    • Partie CSS 2 00:05:13
    • Partie JS 00:07:12
  • Projet 4 : Animation d'une courbe de bézier au Scroll
    • Introduction projet 4 + CSS 00:05:55
    • Partie JavaScript 00:15:24
  • Projet 5 : Faire un site avec animations parallax en pure CSS
    • Projet 5 00:08:41
  • Projet 6 :Décomposer un GIF et animer ses images grace au Scroll
    • Introduction et mise en place 00:05:02
    • Décomposition du GIF en images 00:04:16
    • HTML et CSS 00:03:22
    • Partie SCSS 00:06:30
    • Partie JS 00:08:06
  • Projet 7 : Créer un site au scroll horizontal en pure CSS
    • Projet 7 00:14:05
  • Projet 8 : Créer des animations stylées de révélations de section au scroll
    • Mise en place 00:02:15
    • Partie CSS 00:10:45
    • Partie JS 00:10:45
  • Projet 9 : Épingler des sections et changer les images au scroll.
    • Intro et CSS 00:08:07
    • Partie JS 00:08:10



Formateur : Enzo Ustariz

Enzo Ustariz a publié 33 tutoriels et obtenu une note moyenne de 4,9/5 sur 579 tutoriels vendus. Voir les autres formations de Enzo Ustariz

  • Avec quelles versions de logiciels ce tuto est-il compatible ?
    JavaScript , CSS
  • Quel est le niveau requis pour suivre ce tuto ?
    débutant
accédez à plus de 1147 tuto gratuits


non, je ne veux pas me former gratuitement

voir notre politique de protection des données