Float.
An illustration drifts gently above its resting point.
See the movement
Repeats while playingPlayback starts only when you request it. Stop returns to the still illustration.
What it does
A slow vertical drift can give a decorative illustration a light, suspended quality. Functional controls and reading content should remain stationary.
Timing curve
ease-in-outDefault duration3200ms
RepetitionWhile the state is active
Make the motion useful
Choose an effect that supports the component’s purpose. Keep the final state clear, preserve focus and reading order, and pair important feedback with a visible message.
CSS animation reference