Endloses Logo-Band (CSS-Marquee)

Endloses Logo-Band (CSS-Marquee): wofür es gut ist

Das Logo-Band, das ohne Ende läuft, wird genutzt, um Kunden, Partner oder Marken, mit denen das Unternehmen arbeitet, zu zeigen, ohne viel Platz einzunehmen.

Der Generator baut das Band nur mit CSS: Der Inhalt wird verdoppelt, und die Animation läuft genau eine Runde, um ohne Lücke anzuschließen. Wähle Geschwindigkeit, Richtung, Abstand, Höhe der Logos, ausblendende Ränder und graue Logos, die beim Darüberfahren mit der Maus Farbe bekommen. Die Kopie ist für Screenreader versteckt, das Band pausiert bei Maus und Fokus, und für alle, die weniger Bewegung wünschen, steht es still.

So geht’s

1. Füge die Adressen der Logos ein oder schreibe die Namen.
2. Passe Geschwindigkeit, Richtung und Abstand an.
3. Kopiere den Code und füge ihn in die Seite ein.

Wann nutzen

• Betreute Kunden.
• Marken, die der Laden weiterverkauft.
• Partner und Zertifizierungen.

Häufige Fragen

Wie wird das Band nahtlos?

Der Inhalt erscheint zweimal nebeneinander, und die Animation bewegt das Band genau um die halbe Breite, bevor sie neu beginnt. Da die zweite Hälfte der ersten gleicht, sieht man den Neubeginn nicht.

Und die Barrierefreiheit?

Die doppelte Kopie hat aria-hidden, sodass der Screenreader jedes Logo nur einmal liest. Die Animation pausiert beim Darüberfahren oder Fokussieren, und für alle, die weniger Bewegung wünschen, steht das Band still und kann seitwärts gescrollt werden.

Darf ich Logos von Marken nutzen?

Nur von Marken, mit denen du wirklich eine Beziehung hast (Kunden, Partner, Marken, die du weiterverkaufst) und möglichst mit Erlaubnis. Das Logo eines Unternehmens zu zeigen, das kein Kunde ist, suggeriert eine Partnerschaft, die es nicht gibt.

Ist das wirklich kostenlos?

Ja, 100% kostenlos. Ohne Anmeldung, ohne Abo und ohne Nutzungslimit. Alle Tools von Tools123 sind kostenlos.

Ähnliche Tools