CSS Clip Path Generator
Skapa CSS clip-path-former visuellt med liveförhandsvisning. Stöd för cirkel, ellips, inset och polygon med förinställningar. Kopiera CSS-kod. Gratis onlineverktyg.
50%
50%
50%
Referens
Vad är CSS clip-path?
CSS-egenskapen clip-path skapar ett klippområde som definierar vilken del av ett element som ska visas. Delar innanför området är synliga; delar utanför är dolda.
Clip-path-former
circle() skapar ett cirkulärt klipp. ellipse() skapar ett elliptiskt klipp. inset() skapar ett rektangulärt klipp med valfria rundade hörn. polygon() skapar en anpassad form definierad av en serie koordinatpunkter.
Integritet
All clip-path-generering körs 100 % i din webbläsare. Ingen data skickas till någon server.