UTILS.
Gizlilik varsayılandır
◇

CSS clip-path Oluşturucu

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

Dosyalarınız bu cihazda kalır

Dosyalar tarayıcınızda işlenir, asla sunucuya yüklenmez. Site, araçları çalıştırmak için gereken kod ve kaynakları indirir. Hesap veya takip yoktur.

Bu aracı çevrimdışı kullanım için tek bir HTML dosyası olarak kaydetmek üzere İndir'i kullanın.

Gizlilik →

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ç