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
Mükemmel Flexbox Düzenleri Oluşturun
Sezgisel sürükle ve bırak arayüzümüzle CSS flexbox kodunu görselleştirin, özelleştirin ve oluşturun.
Stylus'tan CSS'ye Dönüştürücü
SCSS kodunuzu CSS'ye dönüştürün. Hızlı, kolay ve güvenli.
SCSS'den CSS'ye dönüştürücü
SCSS kodunuzu CSS'ye dönüştürün. Hızlı, kolay ve güvenli.
CSS Üçgen Oluşturucu
Üçgeninizi aşağıdaki seçeneklerle özelleştirin ve oluşturulan CSS kodunu anında alın.
ASCII'den İkiliye çevirme
ASCII karakterlerini zahmetsizce ikili koda dönüştürün
CSS Küçültücü
CSS kodunuzu profesyonel hassasiyetle sıkıştırın ve optimize edin