标签:元素 logs style div tran 绿色 特效 code scale
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); }
展示情况:此时红色方块变大了,但绿色方块还在原来的位置,并没有因为红色方块变大而改变绿色方块的位置,由此特征,可以演变出很多特效出来,比如以下这种:
下班前的小发现,记录一下!
标签:元素 logs style div tran 绿色 特效 code scale
原文地址:http://www.cnblogs.com/iagw/p/6657100.html