You are currently viewing Parallax Tutorial – Scrolling Effect using CSS and Javascript

Parallax Tutorial – Scrolling Effect using CSS and Javascript



Learn how to create a Parallax effect using CSS and Javascript. We are going to create two different types of parallax effects.

Tutorial from GTCoding. Check out the GTCoding YouTube: https://www.youtube.com/gtcoding

Learn to code for free and get a developer job: https://www.freecodecamp.org

Read hundreds of articles on programming: https://medium.freecodecamp.org

And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

source

This Post Has 21 Comments

  1. Remi

    I did the exact same thing and structure but the parallax for the first div item just doesn't work 🙁

  2. Mark Lewis

    I had to use nth of type, not nth child, to get it to assign the right image or colour to the right div, not sure why… I copied exactly, it always treated div 1 as the third child. My understanding of it maybe poor, like why is the first div the Parent? I could beleive it treats maybe head or body as the parent, but that clearly didn't happen for the tut and I didn't see anyone else report it

  3. FK

    thank you very much best tutorial out there

  4. cyansodq

    good tutorial good tutorial good tutorial

  5. Kalainesan R

    please kindly using the more video background in parallex, provide the tutorial

  6. TMFitachi

    Awesome! Made my webpage look so much better. Could anyone help me with just one thing? Is there a way to disable this specific code for mobile devices?

  7. Dean Solistino

    Thank you! I am now a huge fan! So clear!!!!!!!!!!!😇😇😇😇😇😇😇😇

Leave a Reply