$ 6.00

Tuto Animations au scroll avec ScrollReveal.js avec JavaScript

$ 6.00

  • Une formation vidéo de 40m
  • 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 tutoriel Javascript en vidéo, je vous propose de découvrir la librairie ScrollReveal.js.

ScrollReveal permet de faire apparaître, avec une animation, n'importe quel élément de votre document HTML (titres, paragraphes, images, boutons ...) au scroll, avec la possibilité de personnaliser les animations (durée, délais, transitions, transformations CSS).

Très simple d'utilisation, ScrollReveal ne nécessite que des connaissances très basiques en Javascript, ce tuto est donc accessible aux débutants.

Au cours du tuto ScrollReveal.js, nous verrons :

  • télécharger et comment installer ScrollReveal.js,
  • les fonctionnalités de base (duration, origin, distance, scale, opacity, easing, rotate, delay),
  • les fonctionnalités avancées (reset, mobile, container, useDelay, viewFactor, viewOffset, callback functions),
  • comment animer tous les éléments (titres, paragraphes, images, boutons ...) d'un template HTML simple (one page) rapidement et en quelques lignes de codes.

Pour résumer, ScrollReveal est une librairie très légère, qui n'a besoin d'aucune dépendance pour fonctionner, et qui est indispensable de connaître si vous souhaitez faire des animations au scroll.
Les fichiers sources sont fournis, et je reste disponible dans le salon d'entraide.

Table des matières de cette formation JavaScript (durée : 40m)

    • Installation de ScrollReveal 00:05:24
    • Les fonctionnalités de base 00:11:13
    • Les fonctionnalités avancées 00:11:03
    • Animer tous les éléments d'une page (one page) 00:12:20



Formateur : Sébastien Imbert

Sébastien Imbert a publié 23 tutoriels et obtenu une note moyenne de 4,9/5 sur 4 624 tutoriels vendus. Voir les autres formations de Sébastien Imbert

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 romaric laissé le 31/05/2018
    Tuto très clair. On va droit au but.

  • 5
    avis de osw14 laissé le 26/03/2018
    Encore un tuto de grande qualité. ;)

  • 5
    avis de superfrenchboy laissé le 19/03/2018
    Encore un tuto très clair et précis. Parfait pour apprendre à utiliser ScrollReveal et à en connaître les détails. Après cette petite formation on est impatient de l’utiliser dans nos futurs projets !

  • Avec quelle version de logiciel ce tuto est-il compatible ?
    JavaScript
  • Quel est le niveau requis pour suivre ce tuto ?
    débutant
accédez à plus de 1116 tuto gratuits


non, je ne veux pas me former gratuitement

voir notre politique de protection des données