欢迎光临一流素材网,免积分免费素材下载!

鼠标放上去盒子向上滑动

所属栏目:DIV+CSS技巧更新时间:2020-11-24 来源:网络 原作者:不详 发布:deepdfhy浏览:0

免费开源可商用的PHP万能建站程序-DiYunCMS(帝云CMS)

image

HTML

<div class="box clearfix">
       <div class="box1"></div>
       <div class="box2"></div>
</div>

CSS

.box{height: 500px;width: 500px;background-color: pink;}
.box1,.box2{width: 100px;height: 100px;background:red;margin: 30px 30px;float: left;transition: all 0.8s ease;-moz-transition: all 0.8s ease;-webkit-transition: all 0.8s ease;-o-transition: all 0.8s ease;}
.box1:hover{margin-top: -10px;}
.box2:hover{margin-top: -10px;}


标签: 滑动
收藏 0 有帮助 0 没帮助 0 打赏 0
给个评价吧
百度云加速250x250