https://capri.global/wp-content/themes/capri/js/news.js?ver=v1744293985

1const handleNews = () => {
2  const root = document.querySelector(".news-archive");
3  
4  if( root ){
5    const subtitle = document.querySelector(".page-header .wrap .std-content h3");
6    const title = document.querySelector(".page-header .wrap .std-content h2");
7
8    gsap.from([subtitle, title], {
9      y: 50, // Move 50px upwards
10      opacity: 0, // Start with opacity 0
11      duration: 1, // Each animation lasts 1 second
12      ease: "power3.out", // Smooth easing
13      stagger: 0.2, // Delay between animations of each element
14    });
15
16    const team = document.querySelector(".news-wrapper");
17    const li = team.querySelectorAll(".news-item");
18
19    gsap.from(li, {
20      opacity: 0,
21      y: 50,
22      duration: 0.8,
23      delay: 0.5,
24      stagger: 0.2, // Stagger each year animation within the row by 0.5s
25      scrollTrigger: {
26        // markers: true,
27        trigger: team, // Trigger the animation based on the `.row`
28        start: "top 80%", // Start animation when the `.row` is 80% down the viewport
29        toggleActions: "play none none none", // Ensure the animation plays once
30      },
31    });
32
33  }
34}
35
36handleNews();