循环与氛围 · 一直在重复
漂浮Float
- 轻盈
- 缓慢
- 氛围
元素缓慢地上下浮动，幅度很小、周期很长，像浮在水面上。
什么时候用它
空状态插画、装饰性图形的氛围点缀用它；正文和表单附近不要漂浮，会造成阅读疲劳。
参数
transform: translateY ±6px · 4s ease-in-out · loops forever
配方
漂浮 → 4s ease-in-out无限循环漂浮 → transform: translateY ±6px · loops forever
给 AI 的一句话
让这张空状态插画缓慢漂浮：translateY 在 ±6px 之间，4s、ease-in-out、无限循环，不影响周围布局。