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 Güzelleştirici
CSS kodunuzu profesyonel hassasiyetle biçimlendirin ve güzelleştirin
CSS3 Geçiş Jeneratörü
Yumuşak opaklık geçişi
Sözcükleri, karakterleri ve daha fazlasını sayma
Doğru kelime sayacı aracımızla metniniz hakkında ayrıntılı istatistikler alın.
CMYK'den PANTONE çevirme
Baskı tasarımı için CMYK renk değerlerini en yakın Pantone® eşdeğerlerine dönüştürün
Base64'den CSV'ye dönüştürücü
Base64 kodlu CSV verilerini anında indirilebilir CSV dosyalarına dönüştürün. Veri yüklemesi olmadan tarayıcınızda yerel olarak çalışır.