首页 > 代码库 > 我的小记录(不断完善)

我的小记录(不断完善)

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

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

技术分享

下班前的小发现,记录一下!

 

我的小记录(不断完善)