Animations

Tilt animation

Use Tilt for subtle dimensional movement on cards and feature blocks.

Tilt

A small motion wrapper for entrance and exit composition.

Example 1

Tilt

Example 2

Tilt

Example 3

Tilt


Tilt

Import from the animation category.

Viewport trigger


Tilt

Starts when the preview enters the viewport.

Override values


Custom Tilt

Adjust preset targets with props.

What it does

Repeats rotateX and rotateY values with perspective.

FAQ

Where do I import it from?

Import from `@zentauri-ui/zentauri-components/animations/tilt`.