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
A
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. –
so durch leichteste Sie performante bedeuten? – Alex
https://www.kirupa.com/html5/animating_movement_smoothly_using_css.htm – Alex
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. –