Hopp til innhold

CSS Clip Path Generator

Lag CSS clip-path-former visuelt med live forhåndsvisning. Støtte for sirkel, ellipse, innfelt og polygon med forhåndsinnstillinger. Kopier CSS-kode. Gratis nettverktøy.

50%
50%
50%
 

Hva er CSS clip-path?

CSS-egenskapen clip-path oppretter et klippeområde som definerer hvilken del av et element som skal vises. Deler innenfor området er synlige; deler utenfor er skjult.

Clip-path-former

circle() lager et sirkulært klipp. ellipse() lager et elliptisk klipp. inset() lager et rektangulært klipp med valgfrie avrundede hjørner. polygon() lager en egendefinert form definert av en serie koordinatpunkter.

Personvern

All clip-path-generering kjøres 100 % i nettleseren din. Ingen data sendes til noen server.