Do you remember MySpace Top 8 friends? Well, this is MyTopNine - a website that lets users select their Top-Nine in a variety of categories (sports, video games, makeup, movies, etc..). This project is a marketing/landing page for the My-Top-Nine web application, as well as an About Us page for our team.
https://sad-stonebraker-6396d3.netlify.com/
- The preprocessor language used for this project was LESS.
- The button animations are the only CSS animations on the page. All other animations were done using the GreenSock Animation Platform (GSAP) https://greensock.com/.
- Getting the main-section and bottom section animations to trigger with scroll events was done using Scroll Magic http://scrollmagic.io/.
- Getting Scroll Magic and GSAP to work together in this fashion is only possible using the GSAP plugin for Scroll Magic https://cdnjs.cloudflare.com/ajax/libs/ScrollMagic/2.0.6/plugins/animation.gsap.min.js.