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

　　css3代码：

CSS Code复制内容到剪贴板

body   
        {   
        }   
           
        h1   
        {   
            font-family: "Abril Titling" , Georgia, serif;   
            color: #f9f9f9;   
            letter-spacing: 1px;   
        }   
           
        body div   
        {   
            padding: 60px 0;   
            text-align: center;   
            height: 80px;   
            margin-top: 0;   
        }   
           
        .black  
        {   
            background: #262D28;   
        }   
           
        .white  
        {   
            background: #f9f9f9;   
        }   
           
        a   
        {   
            display: inline-block;   
            margin: 10px;   
        }   
           
        .btn   
        {