Parallax in HTML, CSS and JavaScript Tutorial - Let’s make it happen!
- Use code ’DESIGNC19’ to get $20 credit on your new Linode account!
-- FAST Tut: 01:57 - Bloopers: 31:21
-- You guys did it! 1k likes in 6 hours. So, here’s the video where I show you how to take the Figma parallax prototype we designed in the previous video (linked below) and make it a reality in the browser. For this tutorial, I’m using a lightweight (3kb) solution for parallax called . I’ve linked below MORE parallax tutorials I’ve created in the past, which cover a lot more ways to integrate parallax.
:
Part 1 (The design in Figma):
Codepen (This is built just for mobile, not desktop resolutions):
PREVIOUS Parallax Tutorials:
GSAP & ScrollMagic
Parallax