FinalProject-RideThis/rideThis.js at main · APP-iOS5th/FinalProject-RideThis · 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
gsap.from(".letter", 0.8, {
  y: -20,
  opacity: 0,
  ease: "power3.inout",
  stagger: 0.1,
});

gsap.to(".top-left, .top-right", 2, {
  top: "0",
  ease: "power3.inOut",
  delay: 2,
});

gsap.to(".bottom-right", 2, {
  bottom: "0",
  ease: "power3.inOut",
  delay: 2,
});

gsap.to(".top-left", 2, {
  left: "0",
  ease: "power3.inOut",
  delay: 4,
});

gsap.to(".top-right", 2, {
  right: "0",
  ease: "power3.inOut",
  delay: 4,
});

gsap.to(".bottom-right", 2, {
  right: "0",
  ease: "power3.inOut",
  delay: 4,
});

gsap.to(".block-left", 2, {
  left: "-50%",
  ease: "power3.inOut",
  delay: 4,
});

gsap.to(".block-right", 2, {
  right: "-50%",
  ease: "power3.inOut",
  delay: 4,
});

// Isometric
let text = document.getElementById("text");
let shadow = "";
for (let i = 0; i < 30; i++) {
  shadow += (shadow ? "," : "") + -i * 1 + "px " + i * 1 + "px 0 #d9d9d9";
}
text.style.textShadow = shadow;

// VanilaTilt
VanillaTilt.init(document.querySelectorAll(".card"), {
  max: 25,
  speed: 400,
  glare: true,
  "max-glare": 1,
});