像这个http://www.social-touch.com/s... 网站里面点击图上部分的动画是怎么实现的,有大神有思路吗?
<div class="main"><div class="main-back"></div><div class="mian-content">5555</div></div>.main{width:200px;height:200px;position:relative;
}
.main-back,.mian-content{width:100%;height:100%;position:absalute;}.main-back{display:none;z-index:1;background:red;}.mian-content{
z-index:2;
}.main:hover .main-back{display:block}
这个效果包含两个部分:first:点击的div向左移动,也就是点击的时候设置left = 0;second:显示选项的div,看的出来是scale从0到1,位置从最左边到点击div的width
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
暂无简介
文章 0 评论 0
接受
<div class="main">
<div class="main-back"></div>
<div class="mian-content">5555</div>
</div>
.main{
width:200px;
height:200px;
position:relative;
}
.main-back,
.mian-content{
width:100%;
height:100%;
position:absalute;
}
.main-back{
display:none;
z-index:1;
background:red;
}
.mian-content{
}
.main:hover .main-back{
display:block
}