The Parallax Effect // 5 Minute WebDev Project

The Parallax Effect is an optical illusion that can give a website the appearance of 3D depth. Learn how to design a parallax website with React Spring in this 5 minute tutorial. https://fireship.io/pro

#webdev #js #learntocode

? Resources

Source code https://github.com/fireship-io..../skydiving-cat-paral
React Spring Parallax https://react-spring.io/
Demo by isladjan https://codepen.io/isladjan/pen/abdyPBw
The boat Demo https://www.sbs.com.au/theboat/

? Get More Content - Upgrade to PRO

Upgrade to Fireship PRO at https://fireship.io/pro
Use code lORhwXd2 for 25% off your first payment.

? My Editor Settings

- Atom One Dark
- vscode-icons
- Fira Code Font

? Topics Covered

- How parallax works
- Examples of parallax websites
- Scroll parallax implementation
- Webdev tips and tricks