一款纯css3实现的鼠标悬停动画按钮

        }   
        span:before, span:after   
        {   
            position: absolute;   
            display: block;   
            background-color: #fff;   
            border-radius: 10px;   
            margin: auto;   
            top: 0px;   
            bottombottom: 0px;   
            left: 0px;   
            rightright: 0px;   
        }   
        span:before   
        {   
            width: 100px;   
            height: 10px;   
            content: "";   
        }   
           
        span:after   
        {   
            width: 10px;   
            height: 100px;   
            content: "";   
        }   
           
        div:hover span   
        {   
            -webkit-transform: scale(.5) rotate(45deg);   
            -moz-transform: scale(.5) rotate(45deg);   
            -ms-transform: scale(.5) rotate(45deg);