CSSやjQueryをズームインするのに最も軽い方法は？

画像があります。ゆっくりとズームすると、約transform: scale(2,2)に300秒間表示されます。問題は、私がCSSアニメーションでそれを行うと、ページが遅れを開始することです。だから私の質問は、無限のズームアニメーションのための最も軽い方法は何ですか？ CSSまたはJavaScript（jQuery）。CSSやjQueryをズームインするのに最も軽い方法は？

出典

2016-03-31 Maarten Wolfsen

ので軽量で継続時間？ – Alex

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

最も実績のあるはい。あなたのリンクを調べましたが、translate3dはオブジェクトを移動するためのものです。私はすでにtransform：scale（）を使用していましたが、その結果、多くの遅延が生じました。 –

これを使用します。

img { 
    transition: all .5s ease-in-out; 
} 

img:hover { 
    transform: scale(2,2); 
}

.5s < - あなたが最もパフォーマンス意味

出典

2016-03-31 07:54:55

ホバーではなく、連続アニメーションです。そして、変換スケールは、Webページをあまりにも遅くする部分です。私は既にCSSアニメーション、jQueryクラス変更などを試みました。 –

CSSやjQueryをズームインするのに最も軽い方法は？

答えて

関連する問題