#div{ width: 100px; height: 100px; transition: all 1s; background: red;}
#div:hover{ transform: rotate(360deg) scale(2,2) skew(10deg,5deg);}
注：在transform：动画类型中间用【空格】隔开 旋转 缩放 扭曲 等就可以同时执行多个不同的动画效果啦！
本文出自 “穆飘” 博客，请务必保留此出处http://mupiao.blog.51cto.com/3661580/1858536
CSS3的 transform属性，怎么才能让他同时执行多个不同动画（属性）效果
原文：http://mupiao.blog.51cto.com/3661580/1858536