Skip to content

v1.0.12

Choose a tag to compare

@ChatBleu37 ChatBleu37 released this 18 Jul 12:50
· 11 commits to master since this release

Build stagger effect

Backup :

`import { gsap } from 'gsap';
import { ScrollTrigger } from 'gsap/ScrollTrigger';

gsap.registerPlugin(ScrollTrigger);

/*
! TO DO : Coupler scroll y avec rotation
*/

export function cardAppear() {
const elements = document.querySelectorAll('.project_cell');

elements.forEach((element) => {
gsap.fromTo(
element,
{
y: '24rem',
},
{
y: '0rem',
ease: 'power2.out',
duration: 2,
scrollTrigger: {
markers: false,
trigger: element,
start: 'top 100%',
end: 'top 75%',
scrub: 1,
},
}
);
});
}`