transform对元素的操作只会影响被操作元素，并不会对其他元素产生影响（比如位置）
<div id="red"></div> <div id="green"></div> div{ width:80px; height: 80px; } #red{ background-color:red; } #green{ background-color:green; }
展示情况：
修改#red的样式：
#red{ background-color:red; transform:scale(1.5); }
展示情况：
此时红色方块变大了，但绿色方块还在原来的位置，并没有因为红色方块变大而改变绿色方块的位置，由此特征，可以演变出很多特效出来，比如以下这种：
下班前的小发现，记录一下！
原文：http://www.cnblogs.com/iagw/p/6657100.html