Building a parallax effect
If you've been surfing websites over the last few years, then you've undoubtedly come across parallax effects. Simply put, this is an effect where objects in the foreground appear to move at a different speed than objects in the background as you're scrolling down the page. These differences in movements create an interesting perception of depth that lends visual interest and a little bit of fun to a page.
Functionally, however, they typically don't make any measurable improvements to the usability of a page. Moreover, when overused, they can feel disorienting. Nevertheless, with restraint, subtle parallax effects can make a page feel instantly interesting.
By implementing our version of a parallax effect on the SecondPlate landing page, we'll also learn a little more about how to quickly create complex custom interactions from scratch. The parallax effect we'll create is going to focus on the two app mockup images in the...