PageSourceSearch

https://www.flexingit.com/static/ui23/js/gsap.js

js flexingit.com collected 2026-09-25 19:38:24 UTC 7,298 bytes, 298 lines download raw bytes

1let windowWidth = window.outerWidth;
2$(".heading_animate").each(function (index) {
3    let myText = $(this);
4    let mySplitText;
5    function createSplits() {
6        mySplitText = new SplitText(myText, {
7            type: "words",
8            wordsClass: "split-words"
9        });
10    }
11    createSplits();
12    $(window).resize(function () {
13        if (window.outerWidth !== windowWidth) {
14            mySplitText.revert();
15            location.reload();
16        }
17        windowWidth = window.outerWidth;
18    });
19});
20gsap.registerPlugin(ScrollTrigger);
21
22
23// Word Animation
24$(".is_animated").each(function (index) {
25    let triggerElement = $(this);
26    let myText = $(this).find(".heading-large");
27    let targetElement = $(this).find(".split-words");
28
29    let tl = gsap.timeline({
30        scrollTrigger: {
31            trigger: triggerElement,
32            start: "top bottom",
33            end: "bottom top",
34            toggleActions: "restart none none none"
35        }
36    });
37    tl.from(targetElement, {
38        duration: 0.2,
39        y: "50%",
40        rotationX: -90,
41        opacity: 1,
42        ease: "power2.inOut",
43        stagger: {
44            amount: 0.5,
45            from: "0"
46        }
47    });
48});
49
50// $(".common_section").each(function (index) {
51//     // let triggerElement = $(this);
52//     // let myText = $(this).find(".heading-large");
53//     let targetElement2 = $(this);
54
55//     let tl2 = gsap.timeline({
56//         scrollTrigger: {
57//             trigger: targetElement2,
58//             start: "top bottom",
59//             end: "bottom top",
60//             toggleActions: "restart none none none"
61//         }
62//     });
63//     tl2.from(targetElement2, {
64//         duration: 5,
65//         y: 20,
66//         //   rotationX: -90,
67//         opacity: 1,
68//         ease: "power2.inOut",
69//         stagger: {
70//             amount: 0.15,
71//             from: "0"
72//         }
73//     });
74// });
75$(".icon1").each(function (index) {
76    let targetElement3 = $(this);
77    let tl3 = gsap.timeline({
78        scrollTrigger: {
79            trigger: targetElement3,
80            start: "top bottom",
81            end: "bottom top",
82            toggleActions: "restart none none none"
83        }
84    });
85    tl3.from(targetElement3, {
86        delay: 0.15,
87        opacity: 0,
88        duration: 1.2,
89        y: -30,
90        // transition:0.55,
91        ease: "power2.inOut",
92        stagger: {
93            amount: 0.15,
94            from: "0"
95        }
96    });
97});
98$(".icon2").each(function (index) {
99    let targetElement3 = $(this);
100    let tl3 = gsap.timeline({
101        scrollTrigger: {
102            trigger: targetElement3,
103            start: "top bottom",
104            end: "bottom top",
105            toggleActions: "restart none none none"
106        }
107    });
108    tl3.from(targetElement3, {
109        delay: 0.15,
110        opacity: 0,
111        duration: 1.2,
112        // transition:0.55,
113        y: 30,
114        ease: "power2.inOut",
115        stagger: {
116            amount: 0.15,
117            from: "0"
118        }
119    });
120});
121$(window).on("load", function () {
122    setTimeout(function () {
123
124        $(".para_animate").each(function () {
125            let targetElement3 = $(this);
126
127            let tl3 = gsap.timeline({
128                scrollTrigger: {
129                    trigger: targetElement3,
130                    start: "top bottom",
131                    end: "bottom top",
132                    toggleActions: "restart none none none"
133                }
134            });
135
136            tl3.from(targetElement3, {
137                delay: 0.15,
138                opacity: 0,
139                duration: 1.2,
140                y: 20,
141                ease: "power2.inOut",
142                stagger: {
143                    amount: 0.15,
144                    from: "0"
145                }
146            });
147        });
148
149    }, 3000);
150});
151
152$(".images").each(function (index) {
153    let targetElement3 = $(this);
154    let tl3 = gsap.timeline({
155        scrollTrigger: {
156            trigger: targetElement3,
157            start: "top bottom",
158            end: "bottom top",
159            toggleActions: "restart none none none"
160        }
161    });
162    tl3.from(targetElement3, {
163        delay: 0.15,
164        opacity: 0,
165        duration: 1.2,
166        // transition:0.55,
167        y: 3,
168        ease: "power2.inOut",
169        stagger: {
170            amount: 0.15,
171            from: "0"
172        }
173    });
174});
175//createTextAnimations();
176
177
178
179// *************** feebee code start *****************
180$(".feebee_images").each(function (index) {
181    let targetElement3 = $(this);
182    let tl3 = gsap.timeline({
183        scrollTrigger: {
184            trigger: targetElement3,
185            start: "top bottom",
186            end: "bottom top",
187            toggleActions: "restart none none none"
188        }
189    });
190    tl3.from(targetElement3, {
191        delay: 0.15,
192        opacity: 1,
193        duration: 1.2,
194        // transition:0.55,
195        y: 20,
196        ease: "power2.inOut",
197        stagger: {
198            amount: 0.15,
199            from: "0"
200        }
201    });
202});
203$(".feebee_images2").each(function (index) {
204    let targetElement3 = $(this);
205    let tl3 = gsap.timeline({
206        scrollTrigger: {
207            trigger: targetElement3,
208            start: "top bottom",
209            end: "bottom top",
210            toggleActions: "restart none none none"
211        }
212    });
213    tl3.from(targetElement3, {
214        delay: 0.15,
215        opacity: 1,
216        duration: 1.2,
217        // transition:0.55,
218        x: 25,
219        ease: "power2.inOut",
220        stagger: {
221            amount: 0.15,
222            from: "0"
223        }
224    });
225});
226$(".btn").each(function (index) {
227    let targetElement3 = $(this);
228    let tl3 = gsap.timeline({
229        scrollTrigger: {
230            trigger: targetElement3,
231            start: "top bottom",
232            end: "bottom top",
233            toggleActions: "restart none none none"
234        }
235    });
236    tl3.from(targetElement3, {
237        delay: 0.15,
238        opacity: 0,
239        duration: .3,
240
241        // transition:0.55,
242        y: 5,
243        ease: "power2.inOut",
244        stagger: {
245            amount: 0.15,
246            from: "0"
247        }
248    });
249});
250
251$(".custom_con1").each(function (index) {
252    let targetElement3 = $(this);
253    let tl3 = gsap.timeline({
254        scrollTrigger: {
255            trigger: targetElement3,
256            start: "top bottom",
257            end: "bottom top",
258            toggleActions: "restart none none none"
259        }
260    });
261    tl3.from(targetElement3, {
262        delay: 0.15,
263        opacity: 0,
264        duration: 1.2,
265        y: -30,
266        // transition:0.55,
267        ease: "power2.inOut",
268        stagger: {
269            amount: 0.15,
270            from: "0"
271        }
272    });
273});
274$(".custom_con2").each(function (index) {
275    let targetElement3 = $(this);
276    let tl3 = gsap.timeline({
277        scrollTrigger: {
278            trigger: targetElement3,
279            start: "top bottom",
280            end: "bottom top",
281            toggleActions: "restart none none none"
282        }
283    });
284    tl3.from(targetElement3, {
285        delay: 0.15,
286        opacity: 0,
287        duration: 1.2,
288        y: 30,
289        // transition:0.55,
290        ease: "power2.inOut",
291        stagger: {
292            amount: 0.15,
293            from: "0"
294        }
295    });
296});
297
298// *************** feebee code end *****************

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.