2016-03-31 7 views
0

Ich habe ein Bild, das langsam auf etwa mit einer Dauer von 300 Sekunden zoomen muss. Das Problem ist, wenn ich es mit einer CSS-Animation mache, beginnt die Seite nacheilend. Also meine Frage ist, was ist der leichteste Weg für eine unendliche Zoom-Animation? CSS oder Javascript (jQuery).Am leichtesten Zoomen in CSS oder jQuery?

+0

so durch leichteste Sie performante bedeuten? – Alex

+0

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

+0

Am leistungsfähigsten ja. Ich habe in Ihren Link geschaut, aber translate3d ist für bewegte Objekte. Ich habe bereits von transform: scale() Gebrauch gemacht, aber das hat zu viel lagg geführt. –

Antwort

1

verwenden Sie dies.

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

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

.5s < - Zeitdauer

+0

Es ist kein Hover, sondern eine kontinuierliche Animation. Und transform scale ist der Teil, der die Webseite so sehr zum Nachdenken anregt. Ich habe bereits die CSS-Animation, jQuery classchange und mehr ausprobiert. –