Skip to main content
All CollectionsInteractionsPrefabs
Stack & Unstack Prefab (Tap)

Stack & Unstack Prefab (Tap)

A prefab that stacks a group of objects.

Updated this week

Overview

Stack & Unstack prefabs stack a group of objects on top of one another, then return them to either their default position or a random position.

Stack & Unstack prefabs should be added to the parent that contains the objects you want to stack & unstack.


Prefab Controls

Overlap

Set the overlap for objects in the stacked position. Higher overlap values place lower index objects more directly under the top object.

Blur

Set the blur for objects in the stacked position. Objects become more blurred the lower they are in the stack.

Opacity

Set the opacity for objects in the stacked position. Objects become less opaque the lower they are in the stack.

Scale

Set the scale for objects in the stacked position. Objects become smaller the lower they are in the stack.

Stack On Load

Choose if the objects should start in the stacked position when the page loads.

Invert

Choose if the objects should stack with the last object in the first position.

Random Unstack

Choose if the objects should unstack to their default position or to a random position. A higher value will cause more random placement, while a value of 0% will place objects in their original, non-random position.

Stagger

Set the time between each object's animation.

Duration

Set the length of each object's animation.

Spring

Set the easing curve for each object's animation. Higher spring values add more bounce to the animation.


Resources

Projects

Did this answer your question?