CSS transform özelliği
Elemanı taşır, döndürür, ölçekler veya eğer. Düzeni yeniden hesaplatmadığı için animasyonda en ucuz araçlardandır.
Katalogdaki 6.378 efekt bu özelliği kullanıyor.
Sözdizimi
transform: translate(...) rotate(...) scale(...) skew(...);Dikkat
Fonksiyonların sırası sonucu değiştirir; soldan sağa uygulanır. `rotate` sonra `translate` yazmak, elemanı döndürülmüş eksende taşır.
Sık kullanılan değerler
translateY(-4px)- Yukarı kaldırma — hover efektlerinin klasiği
scale(1.05)- Büyütme
rotate(45deg)- Döndürme
translate3d(0,0,0)- GPU katmanına alma
transform kullanan efektler
Tüm CSS özellikleri Hepsi çalışan gerçek efektler. Kartın üzerine gel, kaynağını görmek için aç.