我的小记录（不断完善）

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);
}

展示情况：此时红色方块变大了，但绿色方块还在原来的位置，并没有因为红色方块变大而改变绿色方块的位置，由此特征，可以演变出很多特效出来，比如以下这种：

下班前的小发现，记录一下！