Yaklaşık 300 saniye süre ile yaklaşık transform: scale(2,2)
'a yakınlaştırması gereken bir görüntü var. Sorun şu ki, bir CSS animasyonu ile yaparsam, sayfa gecikmeye başlar. Benim sorum şu ki, sonsuz bir zum animasyonu için en hafif yol hangisidir? CSS veya javascript (jQuery). Bunu kullanmak içinCSS veya jQuery'de en hafif yakınlaştırma şekli?
0
A
cevap
1
kullanın.
img {
transition: all .5s ease-in-out;
}
img:hover {
transform: scale(2,2);
}
.5s < - Eğer etkili ve verimli demek
+0
Vurgulu değil, sürekli bir animasyon. Dönüşüm ölçeği, web sayfası laggını çok fazla yapan kısımdır. CSS animasyonunu, jQuery sınıfını ve daha fazlasını denedim. –
İlgili konular
- 1. html/css - hafif
- 2. CSS yakınlaştırma özelliği
- 3. CSS Elmas şekli merkezli web sitesi sorunları
- 4. Chrome'da yakınlaştırma, CSS konumlandırma sorunlarına neden oluyor
- 5. En iyi, hafif JSON/ajax betiği nedir?
- 6. En iyi jQuery ürün yakınlaştırma eklentisi nedir?
- 7. hafif alternatif?
- 8. En hafif, hızlı yanıt veren GUI çerçevesi Linux
- 9. IOS6 MKMapView'da yakınlaştırma/sınırlama yakınlaştırma
- 10. Farklı renkteki iki kenarlıklı CSS dairesi veya en az
- 11. Kod en iyi duruma getirme şekli nasıl iyileştirilir
- 12. tensorflow/tflearn giriş şekli
- 13. Android'de yakınlaştırma ve kaydırma görüntü bindirme yapmanın en iyi yolu?
- 14. CSS arka plan yakınlaştırma animasyonu fareyi dışarı atıyor
- 15. CSS seçicisinde VEYA durumu
- 16. CSS3 Ay Tutulması şekli
- 17. Android Şekli Hattı
- 18. Gönderme şekli gönderilmiyor
- 19. Android: özel düğme şekli
- 20. urxvt imleç şekli |
- 21. CSS3 zarf şekli
- 22. GoJS ekran şekli koşulda
- 23. XML şekli nasıl çizilebilir?
- 24. Python'da hatalı dizi şekli
- 25. Android şekli arka plan
- 26. Hafif WebLogic geliştirme ortamı
- 27. Hafif JMS Seçici Alternatifi
- 28. Hafif uyku ayarları
- 29. C++ hafif yapılandırma kitaplığı
- 30. Hafif komut satırı görüntü resizer?
böylece en hafif tarafından zaman süresi? – Alex
https://www.kirupa.com/html5/animating_movement_smoothly_using_css.htm – Alex
Çoğu performans evet. Bağlantınıza baktım, ancak translate3d nesneleri taşımak içindir. Ben zaten dönüşüm kullandım: scale(), ama bu çok fazla gecikmeyle sonuçlandı. –