@keyframes rotate-opacity{
    0% {
        opacity:1;
        transform:  rotate(0deg) ;
    }
    100% {
        opacity:0;
        transform:  rotate(200deg) ;
    }
}

@-moz-keyframes rotate-opacity{
    0% {
        opacity:1;
        -moz-transform:  rotate(0deg) ;
    }
    100% {
        opacity:0;
        -moz-transform:  rotate(200deg) ;
    }
}

@-webkit-keyframes rotate-opacity {
    0% {
        opacity:1;
        -webkit-transform:  rotate(0deg) ;
    }
    100% {
        opacity:0;
        -webkit-transform:  rotate(200deg) ;
    }
}

@-o-keyframes rotate-opacity {
    0% {
        opacity:1;
        -o-transform:  rotate(0deg) ;
    }
    100% {
        opacity:0;
        -o-transform:  rotate(200deg) ;
    }
}

@-ms-keyframes rotate-opacity {
    0% {
        opacity:1;
        -ms-transform:  rotate(0deg) ;
    }
    100% {
        opacity:0;
        -ms-transform:  rotate(200deg) ;
    }
}