码迷,mamicode.com
首页 > 其他好文 > 详细

我的小记录(不断完善)

时间:2017-04-01 19:18:10      阅读:135      评论:0      收藏:0      [点我收藏+]

标签:元素   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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!