Create a nested navigation flow

Create a scrolling parallax effect

Create a photo filter carousel

Cookbook

Effects

Create a photo filter carousel

Add a selector ring and dark gradient

Create a filter carousel item

Implement the filter carousel

Interactive example

Everybody knows that a photo looks better with a filter.
In this recipe, you build a scrollable,
filter selection carousel.

The following animation shows the app’s behavior:

This recipe begins with the photo and filters
already in place. Filters are applied with the
color and colorBlendMode properties of the
Image widget.

Add a selector ring and dark gradient

The selected filter circle is displayed within a
selector ring. Additionally, a dark gradient is
behind the available filters, which helps the contrast 
between the filters and any photo that you choose.