Parallax Scrolling Tutorial - How to Create a Parallax Scrolling Website

Опубликовано: 30 Сентябрь 2024
на канале: Fullstack Academy
10,750
82

Learn more advanced front-end and full-stack development at: https://www.fullstackacademy.com

Parallax is a visual effect whereby the position or direction of an object appears to change when viewed from different lines of sight. Parallax Scrolling is an attempt to duplicate this technique using scroll. When background images move slower than foreground images, it creates an illusion of depth in a 2D scene. In this Parallax Scrolling tutorial, we explain how Parallax relates to Parallax Scrolling and show examples of the technique.

Watch this video to learn:

- What Parallax is and how it relates to Parallax Scrolling
- Examples from websites that use Parallax Scrolling
- How to write up a custom Parallax component in React to create a Parallax Scrolling website