CSS3制作的一款按钮特效

时间:2024-08-14 10:04:44
/*.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>-->