Slider prima e dopo per sito
Incolla gli indirizzi delle due foto (della stessa dimensione e inquadratura). Trascina il divisore nell’anteprima e copia il codice.
Come si usaPrima e dopo con divisore trascinabile
Disponibile in: 
Slider prima e dopo per sito: a cosa serve
Per i servizi che cambiano l’aspetto di qualcosa, come barbiere, car detailing, ristrutturazione o pulizia, mostrare il prima e il dopo nella stessa foto convince più di qualsiasi testo.
Incolla le due foto e il generatore monta il confronto con il divisore da trascinare con il dito o il mouse, etichette, posizione iniziale e colore. Sotto, il divisore è un input range, quindi funziona con le frecce della tastiera e viene annunciato dal lettore di schermo; il ritaglio è fatto con clip-path, senza librerie.
Come si usa
- Incolla gli indirizzi delle foto del prima e del dopo.
- Scrivi le etichette, la descrizione e la posizione iniziale.
- Copia il codice e incollalo nella pagina.
Quando usarlo
- Barbiere e salone di bellezza.
- Car detailing e carrozzeria.
- Ristrutturazioni, tinteggiatura e pulizia.
Domande frequenti
Per quali attività serve?
Per qualsiasi servizio che cambia l’aspetto di qualcosa: barbiere, salone, car detailing, ristrutturazione, tinteggiatura, pulizia di imbottiti, odontoiatria estetica, giardinaggio. Vedere la differenza nella stessa foto convince più di due foto separate.
Com’è l’accessibilità?
Sotto il divisore c’è un vero input range: si può muovere con le frecce della tastiera e il lettore di schermo annuncia la percentuale. Entrambe le foto hanno un testo alternativo.
Le foto devono essere uguali?
Devono avere le stesse proporzioni e, se possibile, la stessa inquadratura, scattate dallo stesso punto. Se le proporzioni sono diverse, la foto sopra viene ritagliata per adattarsi (object-fit: cover).
È davvero gratis?
Sì, 100% gratis. Senza registrazione, senza abbonamento e senza limiti d’uso. Tutti gli strumenti di Tools123 sono gratuiti.