無限ロゴストリップ（CSSマーキー）

無限ロゴストリップ（CSSマーキー）: 用途

止まらずに流れるロゴの帯は、顧客、パートナー、取引のあるブランドを、場所を取らずに見せるために使われます。

このジェネレーターはCSSだけで帯を作ります。内容を複製し、アニメーションはちょうど一周分動くので、すき間なくつながります。速度、向き、間隔、ロゴの高さ、フェードする端、マウスを乗せると色が付くグレーのロゴを選べます。複製部分はスクリーンリーダーから隠れ、帯はマウスやフォーカスで一時停止し、動きを減らす設定の人には止まって表示されます。

使い方

1. ロゴのURLを貼り付けるか、名前を書きます。
2. 速度、向き、間隔を調整します。
3. コードをコピーしてページに貼り付けます。

使うタイミング

• 取引のある顧客。
• お店が扱っているブランド。
• パートナーや認証。

よくある質問

帯はどうやって継ぎ目なくなりますか？

内容を2回、横に並べて表示し、アニメーションは帯を幅のちょうど半分だけ動かして最初に戻ります。後半は前半と同じなので、リスタートは見えません。

アクセシビリティはどうですか？

複製した部分には aria-hidden が付くので、スクリーンリーダーは各ロゴを1回だけ読み上げます。アニメーションはマウスを乗せるかフォーカスすると一時停止し、動きを減らす設定の人には帯が止まり、横にスクロールできます。

ブランドのロゴを使ってもいいですか？

実際に関係のあるブランド（顧客、パートナー、取り扱いブランド）に限り、できれば許可を得てください。顧客でない会社のロゴを載せると、存在しない提携を示唆してしまいます。

本当に無料？

はい、100%無料です。登録不要、サブスクなし、利用制限なし。すべてのツール：Tools123は無料です。

関連ツール