Animations au scroll avec ScrollReveal.js
DESCRIPTION
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 :
où 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.
INFORMATION
Éditeur :
tuto.com
Formateur : Sébastien Imbert
Publié :2017
Une formation vidéo de 40m
Niveau de ce tuto :
débutant
LOGICIEL & VERSION
JavaScript
Langue(s) :
Français
DÉTAILS TECHNIQUE
Format : MP4
Qualité : WEBrip 1080p
Codec Vidéo : AVC 168 à 541kb/s
Audio : AAC LC 2.0 à 128 kb/s
INFORMATION SUR L'UPLOAD
Poids Total :112 Mo
Nombre de fichiers :623
Fichiers sources : inclus
fr