Banner di loghi infinito (marquee CSS)
Incolla gli indirizzi dei loghi o scrivi frasi brevi, una per riga. Il banner viene duplicato nel codice per ricongiungersi senza buchi.
Come si usaLoghi che scorrono senza fermarsi
Disponibile in: 
Banner di loghi infinito (marquee CSS): a cosa serve
Il banner di loghi che scorre senza fermarsi serve a mostrare clienti, partner o marchi con cui l’azienda lavora, senza occupare molto spazio.
Il generatore costruisce il banner solo con CSS: il contenuto viene duplicato e l’animazione fa esattamente un giro, per ricongiungersi senza buchi. Scegli la velocità, la direzione, lo spazio, l’altezza dei loghi, i bordi che sfumano e i loghi in grigio che prendono colore al passaggio del mouse. La copia è nascosta allo screen reader, il banner si ferma con il mouse e con il focus, e per chi ha chiesto meno movimento resta fermo.
Come si usa
- Incolla gli indirizzi dei loghi o scrivi i nomi.
- Regola velocità, direzione e spazio.
- Copia il codice e incollalo nella pagina.
Quando usarlo
- Clienti serviti.
- Marchi che il negozio rivende.
- Partner e certificazioni.
Domande frequenti
Come fa il banner a non avere giunzioni?
Il contenuto appare due volte, affiancato, e l’animazione sposta il banner esattamente di metà larghezza prima di ricominciare. Poiché la seconda metà è uguale alla prima, il riavvio non si vede.
E l’accessibilità?
La copia duplicata ha aria-hidden, così lo screen reader legge ogni logo una volta sola. L’animazione si ferma al passaggio del mouse o al focus, e per chi ha chiesto meno movimento il banner resta fermo e si può scorrere di lato.
Posso usare loghi di marchi?
Solo di marchi con cui hai un rapporto reale (clienti, partner, marchi che rivendi) e, preferibilmente, con autorizzazione. Mostrare il logo di un’azienda che non è cliente suggerisce una collaborazione che non esiste.
È davvero gratis?
Sì, 100% gratis. Senza registrazione, senza abbonamento e senza limiti d’uso. Tutti gli strumenti di Tools123 sono gratuiti.