Laut caniuse.com für jene Browser, die beide CSS unterstützentransition und CSStransformKombinatorisch gibt es mindestens drei verschiedene Typen:

Diejenigen, die das benötigen-webkit- Präfix auf beidentransition undtransform (z. B. Safari 6, Android-Browser <4.4).Diejenigen, die nur die benötigen-webkit- Präfix eintransform (z. B. Chrome 3x).Diejenigen, die keine Präfixe benötigen (z. B. FF und IE10 / 11).

Wie kann ich meine sicher schreiben?transition Stile, damit sie in jedem Typ richtig analysiert werden? Ich sehe zwei Möglichkeiten:

-webkit-transition: -webkit-transform 300ms;
        transition: -webkit-transform 300ms, transform 300ms;

oder

-webkit-transition: -webkit-transform 300ms;
        transition: -webkit-transform 300ms;
        transition: transform 300ms;

Aufgrund der Browser vom Typ 2 und 3 muss ich für jetzt einen Übergang ohne Präfix habenbeide -webkit-transform und transform. Das Problem mit der ersten Option ist, dass Browser des Typs 2 und 3 die zweite Zeile nicht analysieren können, da sie immer eine nicht erkannte Eigenschaft enthalten. Die Frage ist, wie Browser mit ungültigen Eigenschaften in a umgehentransition--ignore das ganzetransition Stil oder einfach die ungültige Eigenschaft überspringen?

Ich dachte, dies könnte gemildert werden, indem man es in zwei Eigenschaften aufteilt, so dass es einfach ignoriert wird, wenn eine nicht analysierbar ist. Abgesehen davon, dass diese zweite Option etwas ausführlich ist, frage ich mich immer noch, ob bei Browsern des Typs 2 die dritte Option verwendet wirdtransition wird nicht analysierbar sein und das "zurücksetzen"transition zurück auf null.

Irgendwelche Ideen, wie sich diese im Allgemeinen verhalten? Welche davon sind zukunftsfähig, wenn Chromeet al. Wechseln von-webkit-transform zum Präfix-lesstransform?