Existe alguma maneira de combinar (misturar) as propriedades da transformação css sem sobrescrever? Por exemplo, eu quero rodar e escalar.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

Eu só tenho muitos elementos e muitas classes simples para transformar a visualização dos elementos. E eu só quero sintonizá-los adicionando e removendo algumas classes. A combinação de todas as classes não funciona porque serão centenas de combinações.

Também quero fazer isso em tempo real.

O número de transformações pode ser de aproximadamente 5 e cada uma delas pode conter cerca de 10 estados - portanto, apenas descreva todas as combinações delas com as mãos.

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

É uma má solução.