CSS3的 transform属性，怎么才能让他同时执行多个不同动画（变换属性）效果

如果要给一个dom元素，同时设置多个不同的CSS变换(transform)属性时，

在属性中间用空格隔开即可， 旋转 缩放 扭曲 等同时执行多个效果！

 
div{
    width: 100px; 
    height: 100px; 
    background: red; 
 
    <!--这里是设置变换过渡时间-->
    transition: all 1s; 
} 
 
 
div:hover{
 
    <!--这里就是同时设置了：旋转 缩放 扭曲 三个变换属性！-->
    transform: rotate(360deg) scale(2,2) skew(10deg,5deg);
}

注意：当给dom元素同时设置多个变换transform属性时它们的执行顺序！

顺序：是从后向前执行的！！！

例如：

transform: rotate(360deg) scale(2,2) skew(10deg,5deg);

上面变换属性中会先执行skew(10deg,5deg)  再执行 scale(2,2) 最后再执行 rotate(360deg)

所以：顺序不同变换效果也会不同！！！