Advent GSAP

#Live
https://m90khan.github.io/Advanture-Web-GSAP/

# Process

- Write the the HTML structure
- Applied styling using sass
- created seperate divs to display on top on the images and text.
- then animate from x: 0 to x: 100% to display the behind parts
- create a seperate div for the cursor. then assign the e.pageY + "px" and e.pageX + "px" to it so to follow the actual cursor
- animate the cursor size based on hovering logo or Nav
- animate the text in the slides based on hovering the button Explore.
- Use Barba for basic page transition.

---

# Skills

- HTML5
- CSS3 - SCSS Syntax
- JavaScript
- Scroll Magic
- GSAP Library
- Barba

DevEd Inspired