.rotate90 {
    animation: sipsd-rotate90 0.3s linear;
    -ms-animation: sipsd-rotate90 0.3s linear;
    /* IE 9 */
    -moz-animation: sipsd-rotate90 0.3s linear;
    /* Firefox */
    -webkit-animation: sipsd-rotate90 0.3s linear;
    /* Safari 和 Chrome */
    -o-animation: sipsd-rotate90 0.3s linear;
    /* Opera */
    animation-fill-mode: forwards;
}

@keyframes sipsd-rotate90 {
    from {
        transform: rotate(0);
        -ms-transform: rotate(0);
        /* IE 9 */
        -moz-transform: rotate(0);
        /* Firefox */
        -webkit-transform: rotate(0);
        /* Safari 和 Chrome */
        -o-transform: rotate(0);
        /* Opera */
    }
    to {
        transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        /* IE 9 */
        -moz-transform: rotate(180deg);
        /* Firefox */
        -webkit-transform: rotate(180deg);
        /* Safari 和 Chrome */
        -o-transform: rotate(180deg);
        /* Opera */
    }
}

.rotate180 {
    animation: sipsd-rotate180 0.3s linear;
    -ms-animation: sipsd-rotate180 0.3s linear;
    /* IE 9 */
    -moz-animation: sipsd-rotate180 0.3s linear;
    /* Firefox */
    -webkit-animation: sipsd-rotate180 0.3s linear;
    /* Safari 和 Chrome */
    -o-animation: sipsd-rotate180 0.3s linear;
    /* Opera */
    animation-fill-mode: forwards;
}

@keyframes sipsd-rotate180 {
    from {
        transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        /* IE 9 */
        -moz-transform: rotate(180deg);
        /* Firefox */
        -webkit-transform: rotate(180deg);
        /* Safari 和 Chrome */
        -o-transform: rotate(180deg);
        /* Opera */
    }
    to {
        transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        /* IE 9 */
        -moz-transform: rotate(360deg);
        /* Firefox */
        -webkit-transform: rotate(360deg);
        /* Safari 和 Chrome */
        -o-transform: rotate(360deg);
        /* Opera */
    }
}