2016-03-31 16 views
0

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

böylece en hafif tarafından zaman süresi? – Alex

+0

https://www.kirupa.com/html5/animating_movement_smoothly_using_css.htm – Alex

+0

Ç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ı. –

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. –