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

            border: 2px solid rgba(0,0,0,1);   
        }   
           
        .btn:hover span   
        {   
            color: #333;   
            left: -20px;   
        }   
           
        a.btn:hover i   
        {   
            opacity: 1;   
            left: 80%;   
            color: #333;   
            -webkit-transform: scale(1.2);   
        }   
           
        a.btn:hover .up   
        {   
            -webkit-transform: rotate(270deg);   
        }   
           
        a.btn:hover .down   
        {   
            -webkit-transform: rotate(90deg);   
        }  

　以上就是今天给大家分享一款纯css3实现的动画按钮的全部代码，　谢谢阅读，希望能帮到大家，请继续关注软件开发网，我们会努力分享更多优秀的文章。