transition
Bir özelliğin değeri değiştiğinde aradaki geçişi yumuşatır. Hover efektlerinin çoğu bundan ibarettir.
Katalogdaki 4.812 efekt bu özelliği kullanıyor.
Sözdizimi
transition: <özellik> <süre> <hız-eğrisi> <gecikme>;Dikkat
`transition: all` ölçüm gerektiren özellikleri de kapsar ve kaydırmada takılmaya yol açabilir. Mümkünse yalnızca `transform` ve `opacity` geçir — bu ikisi düzeni yeniden hesaplatmaz.
Sık kullanılan değerler
all .2s ease- Her şeyi geçir — pratik ama pahalı
transform .3s cubic-bezier(.4,0,.2,1)- Yalnızca dönüşüm, özel eğriyle
transition kullanan efektler
Katalogda ara Hepsi çalışan gerçek efektler. Kartın üzerine gel, kaynağını görmek için aç.