Generatore CSS Clip Path
Crea visivamente forme CSS clip-path con drag-and-drop. Include poligono, cerchio, ellisse e preimpostazioni come stella e cuore.
Tipo di forma
Preimpostazioni
Anteprima
Trascina i punti per spostarli, doppio clic per aggiungere/rimuovere
Controlli
Elenco punti
CSS generato
clip-path: polygon(50% 0%, 100% 100%, 0% 100%);Come usare
Scegli la Forma
Seleziona la forma clip-path
Regola i Punti
Trascina i punti per regolare la forma
Copia
Copia il codice CSS per l'utilizzo
Funzionalità
Modifica con Trascinamento
Trascina i punti per modificare liberamente la forma
Forme di Base
Supporta cerchio, ellisse, poligono, inset
Preimpostazioni
Preimpostazioni come stella, freccia, cuore
FAQ
🔗Strumenti correlati
Convertitore codici colore
Converti tra codici colore HEX, RGB e HSL. Usa il selettore di colore e l'anteprima in tempo reale per una selezione intuitiva dei colori.
Selettore di Colori
Scegli colori in modo intuitivo usando una ruota cromatica e cursori. Ottieni e copia codici colore in formato HEX, RGB e HSL.
Estrattore Colori Immagine
Rileva automaticamente i colori dominanti di un'immagine e genera una palette di colori. Puoi anche cliccare in qualsiasi punto dell'immagine per selezionare singoli colori.
Selettore Colore Medio Immagine
Calcola il colore medio di un'intera immagine o di un'area selezionata. Utile per scegliere schemi di colori o colori di sfondo per miniature.
Generatore CSS Gradiente
Crea visivamente gradienti CSS con controlli a trascinamento. Supporta gradienti lineari, radiali e conici con preimpostazioni.
Generatore CSS Box Shadow
Crea visivamente CSS box-shadow con cursori. Supporta ombre multiple e ombre interne (inset).