Preview
CSS Çıktısı
clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
Klip Yolu Kontrolleri
Temel Şekiller
Şekil Özellikleri
0%
0%
100%
100%
Animation
0s
Presets
Rectangle
Circle
Ellipse
Triangle
Diamond
Pentagon
Hexagon
Heart
Nasıl Kullanılır?
Temel Kontroller
- Şekil Seçimi panelinden temel bir şekil seçin
- Aralık kaydırıcılarını kullanarak şekil parametrelerini ayarlayın
- Klip yolunu yeniden şekillendirmek için önizlemedeki kontrol noktalarını sürükleyin
- Nokta Ekle modunu kullanarak özel şekillere nokta ekleme
Gelişmiş Özellikler
- En sevdiğiniz şekillere hızlı erişim için hazır ayarları kaydedin ve yükleyin
- Klip yollarınızı özel süre, hareket hızı ve yinelemelerle canlandırın
- Oluşturulan CSS kodunu kopyalayın ve projenize yapıştırın
- Gece geç saatlerde rahat tasarım için karanlık modu değiştirin
Related Tools
Stylus'tan CSS'ye Dönüştürücü
SCSS kodunuzu CSS'ye dönüştürün. Hızlı, kolay ve güvenli.
CSS3 Dönüşümlerini Kolaylıkla Oluşturun
Kod yazmadan karmaşık CSS3 dönüşümleri oluşturmak için güçlü, sezgisel bir araç. Değişiklikleri gerçek zamanlı olarak görselleştirin ve oluşturulan CSS'yi projelerinizde kullanmak üzere kopyalayın.
CSS Güzelleştirici
CSS kodunuzu profesyonel hassasiyetle biçimlendirin ve güzelleştirin
SHA-512 Hash Hesaplayıcı
SHA-512 karmalarını hızlı ve kolay bir şekilde oluşturun
Görüntüden Base64'e Dönüştürücü
Web geliştirme ve veri yerleştirme için görüntüleri Base64 kodlamasına dönüştürün
URL Kodlama Aracı
URL parametrelerini doğrudan tarayıcınızda kolaylıkla kodlayın.