Wie mische ich CSS3-Transformationseigenschaften, ohne sie zu überschreiben (in Echtzeit)?

Question

Nov 23, 2013, 09:05 PM

Wie mische ich CSS3-Transformationseigenschaften, ohne sie zu überschreiben (in Echtzeit)?

Gibt es eine Möglichkeit, CSS-Transformationseigenschaften zu kombinieren (zu mischen), ohne sie zu überschreiben? Zum Beispiel möchte ich dort drehen und skalieren.http://jsfiddle.net/hyzhak/bmyN3/

html

<div class="item rotate-90 tiny-size">
    Hello World!
</div>

CSS

.rotate-90 {
    -webkit-transform: rotate(90deg);
}
.tiny-size {
    -webkit-transform: scale(0.25, 0.25);
}

PS

Ich habe nur viele Elemente und viele einfache Klassen, um die Ansicht der Elemente zu transformieren. Und ich möchte nur die Ansicht optimieren, indem ich einige Klassen hinzufüge und entferne. Das Kombinieren aller Klassen funktioniert nicht, da es sich um Hunderte von Kombinationen handelt.

Ich möchte es auch in Echtzeit tun.

Die Anzahl der Transformationen kann ungefähr 5 betragen und jede kann ungefähr 10 Zustände enthalten - beschreiben Sie einfach alle Kombinationen, die Sie mit den Händen erhalten