Generatore di forme CSS
Crea poligono, stella, badge, esagone e forme di chevron con la moderna geometria del percorso dei clip CSS.
Funziona nel tuo browser. I tuoi file non lasciano mai il dispositivo. Scopri come verificarlo
…
Come si usa
- 1Passo 1: apri Generatore di forme CSS e inserisci i dati
Scrivi i tuoi numeri o il testo, aggiungi il file o scegli le opzioni che ti servono. Non viene caricato nulla: tutto resta nel tuo browser.
- 2Passo 2: cosa fa Generatore di forme CSS
Crea poligono, stella, badge, esagone e forme di chevron con la moderna geometria del percorso dei clip CSS.
- 3Passo 3: leggi il risultato e confrontalo
Il risultato compare subito. Cambia un valore per vedere come varia la risposta, poi tieni la cifra adatta al tuo caso.
- 4Passo 4: copialo o salvalo
Copia il risultato o scaricalo. Per una decisione importante, verificalo con la fonte ufficiale o con un consulente.
Informazioni su questo strumento
Clip-path consente agli sviluppatori di tagliare elementi HTML e immagini in poligoni geometrici precisi e forme senza bisogno di maschere Photoshop o SVG. Selezionare da predefiniti popolari, ispezionare la maschera resa in tempo reale e copiare coordinate di poligono CSS pure pronte per la produzione.
Consigli per il miglior risultato
Prima di iniziare, dedica un momento a leggere le opzioni e prova lo strumento prima con un piccolo esempio. Tutto funziona nel browser sul tuo dispositivo; nulla di ciò che scrivi o aggiungi viene caricato e chiudere la scheda cancella tutto. Se qualcosa non sembra giusto, ricarica la pagina e riprova, oppure usa il link di segnalazione in questa pagina per dirci cosa è andato storto. Se un risultato continua a sembrare sbagliato, cambia un valore alla volta per vedere quale campo incide di più. Aggiungi la pagina ai preferiti se la userai di nuovo.
In breve
- Categoria: Immagini
- Funziona nel browser, senza registrazione né caricamento.
- Le informazioni che inserisci restano sul tuo dispositivo.
- Disponibile in molte lingue.
- Contenuto rivisto l'ultima volta il:
Domande frequenti
Cos'è il Clip-path CSS?
The `clip-path` CSS property creates a clipping region that determines which parts of an element or image are visible.
Quali forme sono incluse come preset?
I preset includono triangolo, esagone, stella a 5 punti, distintivo di sconto sui prodotti, chevron di navigazione e maschere circolari.
Posso fare foto e video con questo?
Yes. Apply the generated clip-path CSS rule to any `<img>`, `<video>`, `<div>`, or card component in your stylesheet.
Il percorso di clip influenza le caselle di colpo cliccabili?
Nei browser moderni, solo l'area visibile e non tagliata dell'elemento risponde agli eventi di cursore del puntatore e clic.