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);
}
PSMam 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.