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;}