Create a photo filter carousel

Create a shimmer loading effect

Create a scrolling parallax effect

Cookbook

Effects

Create a scrolling parallax effect

Create a list to hold the parallax items

Display items with text and a static image

Implement the parallax effect

Interactive example

When you scroll a list of cards (containing images,
for example) in an app, you might notice that those
images appear to scroll more slowly than the rest of the 
screen. It almost looks as if the cards in the list
are in the foreground, but the images themselves sit
far off in the distant background. This effect is 
known as parallax.

In this recipe, you create the parallax effect by building
a list of cards (with rounded corners containing some text).
Each card also contains an image.
As the cards slide up the screen,
the images within each card slide down.