Есть ли способ объединить (смешать) свойства преобразования CSS без переопределения? Например, там я хочу повернуть и масштабировать.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

У меня просто много элементов и множество простых классов для преобразования вида элементов. И я просто хочу настроить их вид, добавив и удалив некоторые классы. Объединение всех классов не работает, потому что это будут сотни комбинаций.

Также я хочу сделать это в реальном времени.

Количество трансформаций может быть примерно 5, и каждое из них может содержать около 10 состояний - поэтому просто опишите все их комбинации руками, чтобы получить примерно

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

Это плохое решение.