Creating minimal landing page with fullpage scrolling and animation transitions using with Javascript, GSAP & fullPage.js. Source code in the description.
Subscribe for more http://bit.ly/alldesignsub
— Source code
http://bit.ly/3ahc4s9
— Chapters
0:00 Intro
0:21 Setup fullPage.js
2:40 Adding HTML
4:33 Styling with SCSS
12:47 Helper class for selecting elements
13:10 Hiding elements initially
15:06 Switch counter index
17:12 animateIn function
19:31 animateOut function
20:30 Adding transition effects
— If you wanna buy me a coffee
https://paypal.me/bekaam
— Beats
JOY.
https://soundcloud.com/joy-aus
https://www.instagram.com/joymusic
—
— Previous uploads
Landing Page Website Design with Scroll Animations | ScrollTrigger, GSAP, Angular → https://youtu.be/bN71SaaU8jM
Easily Add Scroll Progress Indicator & Scroll-to-Top Button with GSAP & ScrollTrigger Plugin → https://youtu.be/BU8ddY7c6xw
Liquid Menu Interaction using SVG Filters & GSAP | Angular → https://youtu.be/kb9BuN58-kk
—
#webdesgin #javascript #css
