Jak mieszać właściwości transformacji css3 bez nadpisywania (w czasie rzeczywistym)?

Czy jest jakiś sposób na połączenie (zmieszanie) właściwości transformacji css bez nadpisywania? Na przykład chcę obracać i skalować.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

Mam po prostu wiele elementów i wiele prostych klas do przekształcania widoku elementów. Chcę tylko dostroić je, dodając i usuwając niektóre klasy. Połączenie wszystkich klas nie działa, ponieważ będą to setki kombinacji.

Chcę to zrobić w czasie rzeczywistym.

Liczba transformacji może wynosić około 5, a każda z nich może pomieścić około 10 stanów - więc po prostu opisz wszystkie ich kombinacje rękami.

10*10*10*10*10 = 100000 cases

To złe rozwiązanie.

questionAnswers(6)

yourAnswerToTheQuestion