CSS Clip Path generaator
Loo CSS clip-path kujundeid visuaalselt reaalajas eelvaatega. Tugi ringile, ellipsile, insetile ja polügonile eelseadetega. Kopeeri CSS-kood. Tasuta veebitööriist.
50%
50%
50%
Viide
Mis on CSS clip-path?
CSS-omadus clip-path loob lõikepiirkonna, mis määrab, milline osa elemendist kuvatakse. Piirkonna sees olevad osad on nähtavad; väljas olevad osad on peidetud.
Clip-path kujundid
circle() loob ringikujulise lõike. ellipse() loob elliptilise lõike. inset() loob ristkülikukujulise lõike valikuliste ümarate nurkadega. polygon() loob kohandatud kujundi koordinaatpunktide seeriaga.
Privaatsus
Kogu clip-path genereerimine toimub 100 % sinu brauseris. Ühtegi andmeid ei saadeta serverisse.