Animations

Scale Out animation

Use ScaleOut when content should shrink away as it leaves.

Scale Out

A small motion wrapper for entrance and exit composition.

Example 1

Scale Out

Example 2

Scale Out

Example 3

Scale Out


Scale Out

Import from the animation category.

Viewport trigger


Scale Out

Starts when the preview enters the viewport.

Override values


Custom Scale Out

Adjust preset targets with props.

What it does

Animates from full size into a slightly smaller transparent state.

FAQ

Where do I import it from?

Import from `@zentauri-ui/zentauri-components/animations/scale-out`.