exemple
La technique Scrolly est une façon innovante et dynamique de concevoir des sites Web modernes et engageants. Cette technique implique l'utilisation d'un défilement de page ou d'un défilement parallaxe pour créer une expérience de navigation immersive et interactive pour les visiteurs du site.
Sur la balise body du html. Appliquer le data component scrolly
Sur les objets que vous voulez animer, ajouter le data-scrolly avec l'animation voulu.
frombottom(arrive du bas)
exemple
fromLeft & fromRight (fait apparaître de la droite ou la gauche)
exemple
exemple
flipFromBottom(fait flipper l’élément à l'horizontal)
exemple
fromlittle(fait grossir l’élément)
exemple
no-repeat (les animations se faire une fois)
exemple
étape 1: crée un data-scrolly sur l'objet souhaité
Étape 2: aller dans le fichier scss. Aller chercher le nouveau element data que vous avez crée. Modifier les balises de transition et de transform!