特定のオブジェクトが上下に動く

• 株式会社HIThttps://www.hit-rc.com/

アイコンや装飾パーツがふわふわと上下に浮遊する動きは、重力を無視したファンタジーな雰囲気や、軽やかな空気感をサイトにプラスします。静的なレイアウトに「動き」のレイヤーを一枚重ねることで、画面が生き生きとして見えます。CSSのkeyframes（translateY）で実装します。複数のオブジェクトを動かす際、すべての周期が同じだと機械的に見えるため、アニメーションの開始時間（delay）や速度（duration）を個別にずらすことで、自然な浮遊感を作り出せます。