/*
   Animation example, for spinners
*/

/* 旋轉加透明度 */
@keyframes hover-expand {
    0% {
        opacity: 0;
        transform: rotateY(90deg);
    }
    100% {
        opacity: 1;
        transform: rotateY(0deg);
    }
    ;
}

@-moz-keyframes hover-expand {
    0% {
        opacity: 0;
        -moz-transform: rotateY(90deg);
    }
    100% {
        opacity: 1;
        -moz-transform: rotateY(0deg);
    }
    ;
}

@-ms-keyframes hover-expand {
    0% {
        opacity: 0;
        -ms-transform: rotateY(90deg);
    }
    100% {
        opacity: 1;
        -ms-transform: rotateY(0deg);
    }
    ;
}

@-o-keyframes hover-expand {
    0% {
        opacity: 0;
        -o-transform: rotateY(90deg);
    }
    100% {
        opacity: 1;
        -o-transform: rotateY(0deg);
    }
    ;
}

@-webkit-keyframes hover-expand {
    0% {
        opacity: 0;
        -webkit-transform: rotateY(90deg);
    }
    100% {
        opacity: 1;
        -webkit-transform: rotateY(0deg);
    }
    ;
}