← All motions
Fullscreen ↗

Logo Conveyor

ロゴコンベア

No.
294
Category
Loop
Tech
CSS
【対象要素】
- 導入実績・提携先などのロゴ一覧の帯に適用する

【演出内容】
- ロゴが等間隔に並んだ帯が、ベルトコンベアのように一定速度で流れ続ける

【品質要件】
- ロゴ同士の間隔は均等にし、詰まって見えないよう余白を広めに取る
- 速度は1周25秒前後のゆっくりめにして、各ロゴが認識できるようにする
- ループの継ぎ目が分からないよう、終了時の状態と開始時の状態を完全に一致させる
- prefers-reduced-motion 時はアニメーションを止め、静止した完成状態で表示する

Prompts and demo code are free to use in your own projects. See About.