Generatore di onde SVG
Regola l’onda finché non ti piace, genera altre varianti con un tocco e copia l’SVG. Si allunga sulla larghezza dello schermo ed è leggero, senza immagini.
Come si usaOnde per separare le sezioni
Disponibile in: 
Generatore di onde SVG: a cosa serve
Regola altezza, numero di onde, variazione e quanti livelli trasparenti ha l’onda, scegli il colore e lo stile (morbido, a punte o a gradini) e genera varianti con un tocco. L’opzione inverti capovolge l’onda verso l’alto.
L’SVG esce con viewBox di 1440 px di larghezza e preserveAspectRatio=none, per allungarsi sulla larghezza dello schermo. Scarica il file o copia il codice.
Come si usa
- Regola altezza, onde, variazione e livelli.
- Scegli colore e stile e genera altre onde finché non ti piace.
- Scarica o copia l’SVG e incollalo tra le sezioni.
Quando usarlo
- Separare le sezioni delle landing page.
- Intestazioni e piè di pagina dall’aspetto moderno.
- Sfondi di banner e header.
Domande frequenti
Come uso l’onda nel sito?
Incolla l’SVG tra due sezioni, subito dopo la fine di una e prima dell’altra. Usa nell’onda il colore della sezione sotto e nello sfondo quello della sezione sopra, o il contrario con l’opzione inverti.
L’onda viene bene sullo smartphone?
Sì. L’SVG usa preserveAspectRatio=none e larghezza del 100%, quindi si allunga sulla larghezza dello schermo mantenendo l’altezza che scegli nel CSS.
È davvero gratis?
Sì, 100% gratis. Senza registrazione, senza abbonamento e senza limiti d’uso. Tutti gli strumenti di Tools123 sono gratuiti.