鼠标放上去盒子向上滑动

html:

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

css(引入重置文件后的车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;}