CSS Kırpma Yolu Oluşturucu
Etkileşimli kontrollerle görsel olarak CSS clip-path şekilleri oluşturun.
-webkit-clip-path: polygon(50% 5%, 92.8% 36.1%, 76.5% 86.4%, 23.5% 86.4%, 7.2% 36.1%); clip-path: polygon(50% 5%, 92.8% 36.1%, 76.5% 86.4%, 23.5% 86.4%, 7.2% 36.1%);
CSS Kırpma Yolu Oluşturucu Hakkında
CSS clip-path özelliği, bir öğeyi özel bir şekle kırpmanıza olanak tanır. Bu araç, clip-path şekillerini görsel olarak tasarlamanızı ve anında CSS kodunu oluşturmanızı sağlar.
Nasıl Kullanılır
Bir şekil türü seçin, clip path'i özelleştirmek için kontrolleri ayarlayın, ardından oluşturulan CSS'i kopyalayın ve stil sayfanıza yapıştırın.
Yaygın Kullanım Alanları
- Benzersiz görüntü maskeleri ve hero bölümü şekilleri oluşturma
- Sayfa bölümleri arasında çapraz bölücüler oluşturma
- Özel buton şekilleri tasarlama
- Çokgen şeklinde avatarlar veya küçük resimler oluşturma
- Yaratıcı efektler için clip-path geçiş animasyonları