Animated Website using Parallax.js and GSAP (HTML & CSS)

Hey Guys, in this video i will be coding an Animated Website using HTML, CSS and JavaScript. We will make use of Parallax.js and GSAP JavaScript Libraries to achieve the animations. I will not be making this project responsive because it would make the video a lot longer. :)

Source Code: https://github.com/TheDesignMedium/planets-animated-website

Learn how to edit designs to create awesome parallax effects - https://www.youtube.com/watch?v=wy1ldpkOw_g

Timestamps:
00:00 Website Intro
00:53 Project File Structure and getting started
01:29 Adding Nav to Website
04:02 Section one coding for parallax
08:51 Section two coding for slider
19:02 Adding GSAP Animations

If you enjoyed this video, don't forget to hit that like button and subscribe for more videos like these!

#GSAP #Parallax.js #AnimatedWebsite

Social:
Dribbble: https://dribbble.com/TheDesignMedium
Instagram: https://www.instagram.com/thedesignmedium

-----------------------------------------

Parallax.js: https://github.com/wagerfield/parallax

GSAP: https://greensock.com/docs/v3/Installation

Slider: https://swiperjs.com/get-started/

Images in this project are used from https://www.freepik.com

Download project image files here : http://www.mediafire.com/file/41kdvylah93btoz/planets-website-images.zip/file
------------------------------------------

Music used in this video:
Song: Sergey Gulevich - A Beautiful Sunset (No Copyright Music)
Music provided by Tunetank.
Free Download: http://bit.ly/37kgNEz
Video Link: https://youtu.be/uQRt-l5fvmU

Видео Animated Website using Parallax.js and GSAP (HTML & CSS) канала Design Medium