58 lines
1.0 KiB
JavaScript
58 lines
1.0 KiB
JavaScript
import menuInit from './header';
|
|
|
|
window.addEventListener('load', function () {
|
|
menuInit();
|
|
|
|
gsap.to('.shape.square', {
|
|
scrollTrigger: {
|
|
trigger: '.branding',
|
|
start: 'top bottom',
|
|
end: 'bottom top',
|
|
markers: true,
|
|
scrub: 0.2,
|
|
},
|
|
y: '300%',
|
|
duration: 2,
|
|
ease: 'none',
|
|
});
|
|
|
|
gsap.to('.shape.circle', {
|
|
scrollTrigger: {
|
|
trigger: '.branding',
|
|
start: 'top bottom',
|
|
end: 'bottom top',
|
|
markers: true,
|
|
scrub: 0.4,
|
|
},
|
|
y: '175%',
|
|
duration: 2,
|
|
ease: 'none',
|
|
});
|
|
|
|
gsap.to('.shape.rectangle-rotated', {
|
|
scrollTrigger: {
|
|
trigger: '.branding',
|
|
start: 'top bottom',
|
|
end: 'bottom top',
|
|
markers: true,
|
|
scrub: 0.6,
|
|
},
|
|
y: '340%',
|
|
duration: 2,
|
|
ease: 'none',
|
|
});
|
|
|
|
gsap.to('.shape.rectangle-vertical', {
|
|
scrollTrigger: {
|
|
trigger: '.branding',
|
|
start: 'top bottom',
|
|
end: 'bottom top',
|
|
markers: true,
|
|
scrub: 0.3,
|
|
},
|
|
y: '150%',
|
|
duration: 2,
|
|
ease: 'none',
|
|
});
|
|
});
|