CSS3-transform-scale影响其他元素问题

transform: scale(); 影响其他元素

我们先来看下面的CSS代码（部分）

width: 530px;
height: 300px;
background-color: aquamarine;
transform: translate(100px,100px);
transform: rotate(15deg); 
transform: scale(2,2); 

在上面CSS代码中使用了translate和rotate还有scale但是在单独使用前两个属性的时候是可以生效的，但是在添加scale属性以后前面两个属性会失效。具体原因不详。
发表此篇文章只是为了提醒各位不要一起使用这几个属性，不然找错误很浪费时间，可以直接不用scale直接给他设置宽高就可以了哦！
**

web菜鸟一个有错误请指出，谢谢

**