https://iceberg-digital.co.uk/theme9/js/vendor/paragraph-animation.js

1$(function () {
2
3  gsap.registerPlugin(ScrollTrigger, ScrollSmoother, ScrollToPlugin);
4
5  // Paragraph Animation
6  let pAnimationLines = gsap.utils.toArray(".p-animation p");
7
8  pAnimationLines.forEach(pAnimationLine => {
9    const tl = gsap.timeline({
10      scrollTrigger: {
11        trigger: pAnimationLine,
12        start: 'top 90%',
13        duration: 2,
14        end: 'bottom 60%',
15        scrub: false,
16        markers: false,
17        toggleActions: 'play none none none'
18      }
19    });
20
21    const pSplitLine = new SplitText(pAnimationLine, { type: "lines" });
22    gsap.set(pAnimationLine, { perspective: 400 });
23    pSplitLine.split({ type: "lines" })
24    tl.from(pSplitLine.lines, {
25      duration: 1, 
26      delay: 0.4, 
27      opacity: 0, 
28      x: 50, 
29      force3D: true, 
30      transformOrigin: "top center -50", 
31      stagger: 0.1 
32    });
33  });
34
35  
36  });