CSS Clip Path -generaattori
Luo CSS clip-path -muotoja visuaalisesti reaaliaikaisella esikatselulla. Tuki ympyrälle, ellipsille, insetille ja polygonille esiasetuksineen. Kopioi CSS-koodi. Ilmainen verkkotyökalu.
50%
50%
50%
Viite
Mikä on CSS clip-path?
CSS-ominaisuus clip-path luo leikkausalueen, joka määrittää mikä osa elementistä näytetään. Alueen sisäpuoliset osat ovat näkyvissä; ulkopuoliset osat ovat piilossa.
Clip-path-muodot
circle() luo ympyränmuotoisen leikkauksen. ellipse() luo ellipsinmuotoisen leikkauksen. inset() luo suorakaiteen muotoisen leikkauksen valinnaisilla pyöristetyillä kulmilla. polygon() luo mukautetun muodon koordinaattipisteiden sarjalla.
Tietosuoja
Kaikki clip-path-luonti tapahtuu 100 % selaimessasi. Mitään tietoja ei lähetetä palvelimelle.