Repository navigation
v1.0.12
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,
},
}
);
});
}`