¿Cómo mezclar las propiedades de la transformación css3 sin anular (en tiempo real)?
¿Hay alguna manera de combinar (mezclar) las propiedades de la transformación css sin anularlas? Por ejemplo allí quiero rotar y escalar.http://jsfiddle.net/hyzhak/bmyN3/
html<div class="item rotate-90 tiny-size">
Hello World!
</div>
.rotate-90 {
-webkit-transform: rotate(90deg);
}
.tiny-size {
-webkit-transform: scale(0.25, 0.25);
}
Solo tengo muchos elementos y muchas clases simples para transformar la vista de los elementos. Y solo quiero ajustar la vista de ellos agregando y eliminando algunas clases. La combinación de todas las clases no funciona porque habrá cientos de combinaciones.
También quiero hacerlo en tiempo real.
El número de transformaciones puede ser de aproximadamente 5 y cada una de ellas puede contener aproximadamente 10 estados, por lo que simplemente describa todas las combinaciones de ellas con las manos y obtenga aproximadamente
10*10*10*10*10 = 100000 cases
Es una mala solución.