Generatore di percorsi di ritaglio CSS
Costruisci poligoni e modella percorsi di ritaglio con un'anteprima interattiva. Ottimo per forme di eroi e maschere di immagini.
CSS Clip Path Generator
LiveCSS output
clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
Key capabilities
- Costruisci poligoni e modella percorsi di ritaglio con un'anteprima interattiva.
- Funziona nel tuo browser
- Gratuito da usare
Come usare
- Scegli una forma preimpostata o punti poligonali.
- Regola i punti secondo necessità.
- Copia il CSS del percorso clip.
How this tool works
- Scegli una forma preimpostata o punti poligonali.
- Regola i punti secondo necessità.
- Copia il CSS del percorso clip.
Recommended settings
- Utilizza prima le opzioni predefinite, quindi modificale se necessario
Supported formats
Text / on-page input
File size and limits
- Le anteprime multilivello molto complesse potrebbero risultare più lente sui telefoni più vecchi.
Privacy
I generatori di colori e CSS vengono eseguiti interamente nel tuo browser. Le anteprime e le conversioni non caricano mai i tuoi stili.
Common use cases
- Utilizza il generatore di percorsi di ritaglio CSS ogni volta che ne hai bisogno: costruisci poligoni e modella percorsi di ritaglio con un'anteprima interattiva.
Troubleshooting
L'anteprima appare diversa dopo l'incollaggio
Verifica la presenza di CSS concorrenti sulla tua pagina (ripristini, colori ereditati). Copia prima la regola generata in un foglio di stile isolato.
FAQ
Questo carica il mio CSS?
No. Generatori e convertitori vengono eseguiti nel tuo browser con anteprima dal vivo.
Ho bisogno di un account?
No. Apri lo strumento, modifica i controlli e copia il CSS.
Strumenti correlati
CSS Triangle Generator
Generate CSS triangles with border tricks — direction, size, and color.
Open toolBorder Radius Generator
Control each corner independently and preview rounded shapes with copy-ready CSS.
Open toolCSS Gradient Generator
Build linear, radial, and conic gradients with live preview and copy-ready CSS.
Open tool