Question

CSS3的transform\transition相关问题

用transition不能实现两个transform效果的过渡吗？
以下为代码：
div{
width:100px;
height:100px;
background-color:#000;
-webkit-transition: -webkit-transform 2s;
}
div:hover{
-webkit-transform:scale(2,2);
-webkit-transform: rotate(180deg)
}
（先只关注chrome浏览器）

Answer 1

多个transform只需要依次在一个transform后面添加即可，中间用空格分开，例如：

-webkit-transform:scale(2,2) rotate(180deg);

这样既放大又旋转