Generatore clip-path CSS

Genera CSS clip-path visivamente. Supporta le forme circle, ellipse, inset e polygon. Preset inclusi. Copia il codice CSS. Gratuito, 100% nel browser.

50%
50%
50% 
 
 
  
 
Riferimento
  
Cos'è CSS clip-path?
 
La proprietà clip-path ritaglia l'area visibile di un elemento secondo una forma specifica. Le parti al di fuori dell'area di ritaglio vengono nascoste. Viene usata per ritagliare immagini, creare forme decorative e layout creativi.
 
Forme disponibili
 
circle() — ritaglio circolare. Specifica raggio e punto centrale. ellipse() — ritaglio ellittico. Specifica raggi orizzontale/verticale e punto centrale. inset() — ritaglio rettangolare verso l'interno. Specifica offset dai bordi e arrotondamento. polygon() — definisce qualsiasi poligono con una lista di coordinate. Permette forme libere come triangoli, stelle e frecce.
 
Privacy
 
Tutta la generazione avviene al 100% nel tuo browser. Nessun dato viene inviato a server.
  
    
    
 ← Torna a tutti gli strumenti