staggered_pic_selection

Shows deleting an image from a list of images displayed
in one of three sizes. This example uses two
animation controllers: one for image selection/deselection,
and one for image deletion. The selection/deselection
animation is staggered. (To see this effect,
you might need to increase the timeDilation value.)
Select one of the largest images—it shrinks as it
displays a checkmark inside a blue circle.
Next, select one of the smallest images—the
large image expands as the checkmark disappears.
Before the large image has finished expanding,
the small image shrinks to display its checkmark.
This staggered behavior is similar to what you might
see in Google Photos.

The following video demonstrates the animation performed by
basic_staggered_animation:

In the video, you see the following animation of a single widget,
which begins as a bordered blue square with slightly rounded corners.
The square runs through changes in the following order:

Fades in