Responsive Parallax

So, I thought it was about time I jumped on the band wagon and tried some “parallax” scrolling. Typically, you’ll see then when you scroll down a page and some elements of the page move faster or slower than the scroll itself.

This flashy effect is used to add more depth to a page, and seeing as this new Christmas menu for Lemongrass is fairly minimalist in design, I thoughts I’d try it here. I like the results! I took some snowflakes to make the background, and then laid more flaked (with a transparent background) over the top. When the user scrolls down the page the flakes move at different speeds. The last thing I did was reverse the effect so the snowflakes “fall” rather than scroll up with the rest of the content. Pretty neat, eh?