纯css3实现的动画按钮的实例教程

            position: relative;   
            width: 160px;   
            padding: 1.2rem 3rem;   
            border: 1px solid #0AA944;   
            font-size: 15px;   
            text-decoration: none;   
            color: #f9f9f9;   
            font-family: "Tablet Gothic" , sans-serif;   
            text-transform: uppercase;   
            font-weight: 300;   
            letter-spacing: 1.5px;   
            -webkit-transition: all .2s ease-out;   
            -moz-transition: all .2s ease-out;   
            -ms-transition: all .2s ease-out;   
            -o-transition: all .2s ease-out;   
            transition: all .2s ease-out;   
        }   
           
        .white .btn   
        {   
            color: #262D28;   
            border: 2px solid #0AA944;   
        }   
           
        .btn span   
        {   
            position: relative;   
            top: 2px;   
            left: 0;