Effet de parallaxe sur une image
L’effet parallaxe donne de la profondeur à un site web en faisant bouger une image plus lentement que son conteneur lors du défilement. Voici comment l’intégrer facilement dans Elementor grâce à GSAP + ScrollTrigger. Ajouter le code GSAP dans Elementor 👉 Dans Elementor : Créer la structure dans Elementor Étape 1 : Le container parent […]
Défilement fluide d’une page web
Dans ce guide, je vous montre comment avoir un défilement fluide sur un site web en installant Leni, une librairie JavaScript légère et performante, directement dans Elementor. Qu’est-ce que Lenis ? Lenis est une librairie open-source développée par Studio Freight.Elle permet de remplacer le scroll classique par un défilement doux et contrôlé, tout en conservant […]
Apparition du texte au scroll
Dans ce guide, nous allons voir pas à pas comment intégrer ce code dans Elementor et appliquer l’animation. Ajouter le code personnalisé dans Elementor Ce code charge automatiquement les librairies SplitType, GSAP et ScrollTrigger, puis applique l’animation uniquement sur les éléments contenant la classe .textRevealOnScroll. Ajouter un titre avec la classe Votre titre est désormais […]