Animationen in jQuery oder CSS?

[Michael Plonski]

Hey,

ich habe eine theoretische und praktische Frage:

Theorie:
Ist es im allgemeinen sinnvoller Animationen (Transitions, Transformations etc.) in
CSS zu erstellen oder doch in JQuery? Ich benutze zudem gerne, für aufwändigere Sachen, Adobe Edge Animate, welches ja intern mit JQuery arbeitet... Frage mich nur, ob es Vorteile hat, kleinere Sachen in
JQuery oder CSS zu erstellen.
Genauso frage ich mich weiter, ob andere Sachen, wie Popups lieber in JQuery oder CSS
erstellt werden sollten

Praxis:
Ich habe diese kleine Testseite erstellt. In Chrome funktioniert alles wunderbar... in anderen Browsern wie IE, Firefox jedoch nicht, obwohl ich extra die Webkit und Moz Anweisungen mit hinzugefügt habe...
Woran liegt das?

Danke Euch

Link:

 

[Yetikisdorf]

Also ich seh z.B. kein moz-transform

füge also schon mal -moz-transform:scale(1.1,1.1); ein... Dann gehts auch mit FF

 

[Michael Plonski]

Ich habe jetzt nochmal eine neue Version hochgeladen.
Mir geht es primär um die Transition. Und diese klappt bei mir nur in Chrome.
(In Firefox wird beispielsweise nur das Bild geändert aber ohne Transition)

EDIT:
Anscheinend geht es nun doch in den anderen Browser (lag wohl daran das das alte
noch im Cache gespeichert war....)
Dennoch vergrößert es sich im FF nicht smooth.. woran liegt das? Und was ist mit
der Theoriefrage?

 

[mwxx]

ich würde, wenn es geht, Animationen in CSS erledigen. Das ist grundsätzlich ressourcensparender (Mobiles !) und man kann auch nie gewährleisten, dass Javascript aktiv ist beim User.

 

[Pixelaner]

Ich meine mich zu erinnern, dass die Animationen per CSS auch flüssiger von statten gehen. Kann aber auch immer abhängig von der Last des Systems sein.