UTILS.
%100 tarayıcıda

CSS clip-path Oluşturucu

Bir öğeyi yaygın şekillere kırpın ve clip-path CSS'ini kopyalayın.

Bu araç hakkında

Bir şekil seçin ve eşleşen clip-path kuralıyla önizleme kutusunu anında kırpın, ardından kullanıma hazır CSS'i kopyalayın. Önizleme tamamen tarayıcınızda canlı olarak güncellenir.

Sık sorulan sorular

Poligon clip-path nasıl çalışır?
Her nokta, kutuya göre bir x y yüzde çiftidir; tarayıcı bunları sırayla birleştirir ve yalnızca anahattın içindeki alanı gösterir.
Tüm tarayıcılar clip-path'i destekliyor mu?
Poligon, daire, elips ve inset şekilleri tüm modern tarayıcılarda desteklenir, bu yüzden üretilen CSS önek olmadan çalışır.

Daha fazla araç