Looping & Ambient · Runs on repeat
Float漂浮
- weightless
- slow
- ambient
The element drifts slowly up and down with small amplitude over a long cycle, as if floating on water.
When to use it
Use it as ambient garnish on empty-state illustrations and decorative shapes; do not float near body text or forms, where it tires the eye.
Parameters
transform: translateY ±6px · 4s ease-in-out · loops forever
Recipe
Float → 4s ease-in-outloops foreverFloat → transform: translateY ±6px
One sentence for your AI
Let this empty-state illustration float slowly: translateY between ±6px, 4s ease-in-out, infinite, without affecting the surrounding layout.