portfolio/app.js at main · devWonderkind/portfolio · 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
const tl = gsap.timeline();

tl.from('.name', {
    x: -100,
    opacity: 0,
    duration: .8
})
.from('.job', {
    x: -100,
    opacity: 0,
    duration: 1
}, "-=.3")
.from('.job-2', {
    x: -100,
    opacity: 0,
    duration: .6
})
.from('.job-1', {
    x: -100,
    opacity: 0,
    duration: .6
}, '-=.2')
.from('.btn-1', {
    y: 100,
    opacity: 0,
    duration: .5
})
.from('.btn-2', {
    y: 100,
    opacity: 0,
    duration: .5
}, '-=.2')


gsap.from('.project-card', {
    scrollTrigger: {
        trigger: ".project-card",
        start: "top center"
    },
    y: 150,
    opacity: 0,
    stagger: .2,
    duration: .5
})