CSS3制作的一款按钮特效

/*.btn {
width:230px;
height:70px;
font-size:70px;
font-weight:bold;
overflow:hidden;
font: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
margin: 50px auto;

}
.btn ul {
margin-top:-5px;
margin-left:-45px;
}
.btn ul li {
float: left;
list-style-type:none;
}

.btn ul li:hover .top {
margin-top: -76px;
}
.btn ul li a {
display: block;
background: #000;
color: #fff;
height: 75px;
width: 230px;
text-decoration: none;
text-align:center;
-webkit-transition: margin .4s ease-in-out;
}

.btn ul li .top {
background: #e70f23;
color: #fff;
}*/

<!--<div class ="btn">
<ul>
<li>
<a href="#" class="top">home</a>
<a href="#">emoh</a>
</li>
</ul>
</div>-->