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