fantaWebsite/app.js at main · RIMSHASAJID436/fantaWebsite · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
var timeLine = gsap.timeline({
    scrollTrigger: {
        trigger: ".two",
        start: "0% 95%",
        end: "50% 50%",
        scrub: true,
        // markers:true,
    }
})

timeLine.to(
    "#fanta", {
    top: "110%",
    left: "0%",
}, "orange"
)
timeLine.to(
    "#orange", {
    top: "160%",
    left: "23%",

}, "orange"
)
timeLine.to(
    "#oragnee", {
    top: "165%",
    right: "10%",

}, "orange"
)
timeLine.to(
    "#leave", {
    top: "100%",
    left: "80%",
    rotate: "190deg"
}, "orange"
)
var timeLine2 = gsap.timeline({
    scrollTrigger: {
        trigger: ".three",
        start: "0% 95%",
        end: "20% 50%",
        scrub: true,
        // markers: true,
    }
})
timeLine2.from(".lemn1",{
    rotate:"-90deg",
    left:"-100%",
    top:"110%"
},'ca')
timeLine2.from("#coca",{
    rotate:"-90deg",
    left:"-100%",
    top:"110%"
},'ca')

timeLine2.from(".lemn2",{
    rotate:"90deg",
    left:"100%",
    top:"110%"
},'ca')
timeLine2.from("#sprite",{
    rotate:"90deg",
    left:"100%",
    top:"110%"
},'ca')

timeLine2.to("#orange",{
width:"21%",
  left:"40%",
    top:"207%"
},'ca')
timeLine2.to("#fanta",{
width:"24%",
    left:"38%",
    top:"212%"
},'ca')