effectful-custom-code/script.js at main · mirelaprifti/effectful-custom-code · 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
console.log("Hello!");

<script>
 // register plugin
  gsap.registerPlugin(SplitText);

  gsap.set("h1", { opacity: 1 });

	let split = SplitText.create("#heading", { type: "words" });
	//now animate each character into place from 20px below, fading in:
	gsap.from(split.words, {
  	y: 20,
 	  autoAlpha: 0,
  	stagger: 0.1
});

  gsap.from(".span-primitives", {
    backgroundColor: '#000000',
    duration: 1.5,
    ease: "power1.in",})

  gsap.from(".span-endtoend", {
    backgroundColor: '#000000',
    duration: 1.5,
    ease: "power1.in",})

  gsap.from(".span-ts", {
	backgroundColor: '#000000',
  duration: 1.5,
  ease: "power1.in",})

</script>