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