Skip to content

This is a travel website that has a very unique JavaScript 3D parallax effect. Build with HTML, CSS & JS. This parallax is achieved by using a few GSAP plugins.

Notifications You must be signed in to change notification settings

sujoyduttajad/parallax-landing-page

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

5 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Parallax-effect travel website by HTML, CSS & JS

the screenshot of the app large screen

Live Demo

This is a travel website which has a very unique JavaScript 3D parallax effect. Build with HTML, CSS & JS

I used three additional resources to get this parallax effect. Huge thanks to @developedbyed for tutoring this to me.

The CDNs from https://greensock.com -

  • https://greensock.com/tweenmax/ - TweenMax lets you animate literally any property of any object that JavaScript can touch (CSS, SVG, React, Vue, Three.js, canvas, motion paths, generic objects, etc.).
  • https://scrollmagic.io/ - ScrollMagic helps you to easily react to the user's current scroll position. Basically combine with the above and helps in scroll animation.
  • https://greensock.com/scrollmagic/ - A GSAP plugin to allow ScrollMagic to take control of your tweens

About

This is a travel website that has a very unique JavaScript 3D parallax effect. Build with HTML, CSS & JS. This parallax is achieved by using a few GSAP plugins.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published