https://dulk.es/wp-content/themes/salient-child/js/titulares_animados.js?ver=1

1console.log("ANIMA TITULO");
2
3// Define la función de callback
4
5  const callback = (entries, observer) => {
6    
7    entries.forEach(entry => {
8
9      if (entry.isIntersecting) {
10        //console.log("ES Visible");
11        
12        // Si el elemento es visible, remueve la clase .svg-hidden
13
14        var elementosG = entry.target.querySelectorAll("g");
15        var elementosEllipse = entry.target.querySelectorAll("ellipse");
16
17        setTimeout(function() {
18
19          for (var i = 0; i < elementosG.length; i++) {
20            elementosG[i].classList.add("SVG_Anima");
21          }
22
23          for (var i = 0; i < elementosEllipse.length; i++) {
24            elementosEllipse[i].classList.add("SVG_Anima");
25          }
26
27        }, 1000);
28
29        // Detiene la observación
30        observer2.unobserve(entry.target);
31      } else {
32        //console.log("NO ES Visible");
33      }
34
35    });
36
37  };
38
39  // Crea la instancia del observador
40  const observer2 = new IntersectionObserver(callback);
41
42  // Observa el elemento SVG
43
44  const divsObservados = document.querySelectorAll('.titular-animado');
45  
46 //console.log (divsObservados);
47
48  divsObservados.forEach(div => {
49    observer2.observe(div);
50  });