一款利用纯css3实现的360度翻转按钮的实例教程

            -webkit-transition-delay: 0.2s;   
            -moz-transition-delay: 0.2s;   
            transition-delay: 0.2s;   
        }   
           
        ul.flatflipbuttons li:hover a span   
        {   
            color: black; /* color of icon font onMouseover */  
            -webkit-transform: rotateY(180deg);   
            -moz-transform: rotateY(180deg); /* flip horizontally 180deg*/  
            transform: rotateY(180deg);   
            -webkit-transition-delay: 0.2s;   
            -moz-transition-delay: 0.2s;   
            transition-delay: 0.2s;   
        }   
           
           
        ul.flatflipbuttons li:hover b   
        {   
            opacity: 1;   
        }   
           
        /* CSS for 2nd menu below specifically */  
           
        ul.second li a   
        {   
            background: #eee !important;   
        }   
           
        ul.second li a:hover   
        {