DEV Community

Cover image for Parallax Scrolling Effect Using JavaScript | HTML & CSS
ali-dev-hash
ali-dev-hash

Posted on

Parallax Scrolling Effect Using JavaScript | HTML & CSS

Parallax Scrolling Effect Using JavaScript | HTML & CSS

Demo == > https://codepen.io/Bilal1909/pen/zYNebga

Parallax Scrolling CSS - Parallax Effect In HTML & CSS In Just 5 Minutes

What is Parallax Effect ?

Parallax scrolling is a web site trend where the background content (i.e. an image) is moved at a different speed than the foreground content while scrolling. Click on the links below to see the difference between a website with and without parallax scrolling.

Note: Parallax scrolling does not always work on mobile devices/smart phones. However, you can use media queries to turn off the effect on mobile devices (see last example on this page).

Top comments (0)