Przejdź do treści

Generator Clip Path CSS

Twórz kształty CSS clip-path z podglądem na żywo. Okręgi, elipsy, wstawki i wielokąty z presetami. Za darmo, 100% w przeglądarce.

50%
50%
50%
 

O CSS clip-path

CSS clip-path tworzy region przycinający, który definiuje widoczną część elementu. Wszystko poza regionem jest ukryte.

Kształty

circle() — okrąg o danym promieniu. ellipse() — elipsa o dwóch promieniach. inset() — prostokąt z opcjonalnym zaokrągleniem. polygon() — dowolny wielokąt zdefiniowany punktami.

Prywatność

Całe generowanie odbywa się w 100% w przeglądarce. Dane nie są wysyłane na serwer.