CSS3 Geçiş Jeneratörü
Yumuşak opaklık geçişi
Popüler Ön Ayarlar
Solma Efekti
Yumuşak opaklık geçişi
Ölçek Etkisi
Fareyle üzerine gelindiğinde öğeyi yeniden boyutlandırma
Döndürme Efekti
Fareyle üzerine gelindiğinde öğeyi döndür
Slayt Efekti
Eleman konumunu taşıma
Renk Değişimi
Arka plan rengi geçişi
Geçişler Hakkında
CSS geçişleri, özellik değerlerini belirli bir süre boyunca sorunsuz bir şekilde değiştirmenize olanak tanır.
Yaygın olarak animasyonlu özellikler şunları içerir:
- genişlik, yükseklik
- kenar boşluğu, dolgu
- opaklık, renk
- transform (scale, rotate, translate)
- background-color
Profesyonel İpucu: Tüm değişiklikleri canlandırmak için 'Tüm Özellikler' seçeneğini kullanın.
Preview
Oluşturulan Kod
.element { transition-property: all; transition-duration: 300ms; transition-timing-function: ease; transition-delay: 0ms; } .element:hover { /* Hover styles will be generated here */ }
Geçiş Kontrolleri
Fareyle Üzerine Gelme Efektleri
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
JSON'u Zahmetsizce XLSX'e Dönüştürün
JSON verilerinizi tek bir tıklamayla Excel (XLSX) formatına dönüştürün. Hızlı, güvenli ve tamamen tarayıcı tabanlı.
Dijital Numara Dönüştürücü
İkili, ondalık, onaltılık ve sekizlik sayı sistemleri arasında hassas bir şekilde dönüştürme yapın
Metinden İkiliye
Metni zahmetsizce ikili koda dönüştürün