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 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.
Açıları Hassas Bir Şekilde Dönüştürün
Sezgisel dönüştürme aracımızla farklı açı birimleri arasında zahmetsizce dönüştürme yapın. Mühendisler, öğrenciler ve profesyoneller için mükemmeldir.
JSON'u Zahmetsizce XML'e Dönüştürün
JSON verilerinizi tek bir tıklamayla yapılandırılmış XML biçimine dönüştürün. Hızlı, güvenli ve tamamen tarayıcı tabanlı.
HTML Kod Çözme Aracı
HTML varlıklarının kodunu doğrudan tarayıcınızda kolaylıkla çözün.