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.
CSS'ye Dönüştürücü Daha Az
Less kodunuzu CSS'ye dönüştürün. Hızlı, kolay ve güvenli.
CSS Güzelleştirici
CSS kodunuzu profesyonel hassasiyetle biçimlendirin ve güzelleştirin
JSON'u Zahmetsizce Excel'e Dönüştürün
JSON verilerinizi tek bir tıklamayla Excel formatına dönüştürün. Hızlı, güvenli ve tamamen tarayıcı tabanlı.
HSV'den RGB'ye çevirme
Web geliştirme için HSV renk kodlarını RGB değerlerine dönüştürün
CSS Kübik Bezier Jeneratörü
CSS Kübik Bezier Oluşturucu hareket hızı işlevleri oluşturun