CSS Klip Yolu Oluşturucu

Etkileşimli bir önizlemeyle çokgen oluşturun ve klip yollarını şekillendirin. Kahraman şekilleri ve görüntü maskeleri için idealdir.

CSS Clip Path Generator

Live

Shape

CSS output

clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);

Key capabilities

Etkileşimli bir önizlemeyle çokgen oluşturun ve klip yollarını şekillendirin.
Tarayıcınızda çalışır
Kullanımı ücretsiz

Nasıl kullanılır

Önceden ayarlanmış bir şekil veya çokgen noktaları seçin.
Noktaları gerektiği gibi ayarlayın.
Klip yolu CSS'sini kopyalayın.

How this tool works

Önceden ayarlanmış bir şekil veya çokgen noktaları seçin.
Noktaları gerektiği gibi ayarlayın.
Klip yolu CSS'sini kopyalayın.

Recommended settings

Önce varsayılan seçenekleri kullanın, ardından gerekirse ayarlayın

Supported formats

Text / on-page input

File size and limits

Çok karmaşık, çok katmanlı önizlemeler eski telefonlarda daha yavaş gelebilir.

Privacy

Renk ve CSS oluşturucular tamamen tarayıcınızda çalışır. Önizlemeler ve dönüşümler hiçbir zaman stillerinizi yüklemez.

Common use cases

İhtiyacınız olduğunda CSS Klip Yolu Oluşturucuyu kullanın: Etkileşimli bir önizlemeyle çokgen oluşturun ve klip yollarını şekillendirin.

Troubleshooting

Yapıştırma işleminden sonra önizleme farklı görünüyor

Sayfanızda rakip CSS olup olmadığını kontrol edin (sıfırlamalar, devralınan renkler). Oluşturulan kuralı önce yalıtılmış bir stil sayfasına kopyalayın.

SSS

Bu benim CSS'mi yüklüyor mu?

Hayır. Oluşturucular ve dönüştürücüler tarayıcınızda canlı önizlemeyle çalışır.

Bir hesaba ihtiyacım var mı?

Hayır. Aracı açın, kontrollerde ince ayarlar yapın ve CSS'yi kopyalayın.

İlgili araçlar

CSS Triangle Generator

Generate CSS triangles with border tricks — direction, size, and color.

Open tool

Border Radius Generator

Control each corner independently and preview rounded shapes with copy-ready CSS.

Open tool

CSS Gradient Generator

Build linear, radial, and conic gradients with live preview and copy-ready CSS.

Open tool