1// wait until DOM is ready 2document.addEventListener("DOMContentLoaded", function(event){ 3 4 console.log("DOM loaded"); 5 6 //wait until images, links, fonts, stylesheets, and js is loaded 7 window.addEventListener("load", function(e){ 8 9 //custom GSAP code goes here 10 // This tween will rotate an element with a class of .my-element 11 var tl = gsap.timeline(); 12 const frontHeader = new SplitType('#main-header', { types: 'chars' }) 13 gsap.from('.char', { 14 duration: 0.5, 15 stagger: 0.05, 16 skewX: -10, 17 opacity: 0, 18 x: 10, 19 ease: 'sine.out' 20 }) 21 22 // gsap.from('.woocommerce-product-gallery', { 23 // y: 50, 24 // opacity:0, 25 // duration: 0.5, 26 // ease: 'sine.out' 27 // }) 28 29 gsap.from('.woocommerce-product-details__short-description p, .summary h1, .summary h2, .summary h3, .author-names, .text-column-p p, .text-column-p h1, .text-column-p h2, .text-column-p h3', { 30 y: 50, 31 opacity:0, 32 skewX: -10, 33 duration: 0.5, 34 stagger: 0.1, 35 ease: 'sine.out' 36 37 }) 38 39 console.log("window loaded"); 40 }, false); 41 42 });
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.