ループとアンビエント · ずっと繰り返す
フロート漂浮
- 軽やか
- ゆっくり
- 雰囲気
要素が小さな振幅で長い周期のままゆっくり上下し、水面に浮かんでいるように見えます。
使いどころ
空状態のイラストや装飾図形の雰囲気づくりに使います。本文やフォームの近くでは浮かせないでください。読むのが疲れます。
パラメータ
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、無限ループ、周囲のレイアウトには影響させません。