Informazioni su questo strumento
Scegli una forma e ritaglia all'istante un riquadro di anteprima con la regola clip-path corrispondente, poi copia il CSS pronto all'uso. L'anteprima si aggiorna in tempo reale, interamente nel tuo browser.
Domande frequenti
Come funzionano i clip-path con poligono?
Ogni punto è una coppia di percentuali x y relative al riquadro; il browser li collega nell'ordine indicato e mostra solo l'area all'interno del contorno.
Tutti i browser supportano clip-path?
Le forme polygon, circle, ellipse e inset sono supportate in ogni browser moderno, quindi il CSS generato funziona senza prefissi.