html - 如何在不覆盖(实时)的情况下混合 css3 转换属性？

Question

有没有什么方法可以在不覆盖的情况下组合(混合)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);
}

附言

我只有很多元素和很多简单的类来转换元素的 View 。我只想通过添加和删除一些类来调整它们的 View 。组合所有类是行不通的，因为它将有数百种组合。

我也想实时进行。

转换的数量可以大约为 5，每个转换可以保持大约 10 个状态 - 所以只需用手描述它们的所有组合即可给您大约

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

这是一个糟糕的解决方案。

Answer 1

嗯...据我所知，您必须创建新类并以这种方式组合它们(以空格分隔):

-webkit-transform: rotate(90deg) scale(0.25, 0.25);