/* Main styles */
.ibg {
    width: 100%;
    height: 100%;
    display: inline-block;
    background-size: 100% 100%;
    background-image: url(../images/banner/star.png);
    background-repeat: repeat;
    animation: bg-scrolling-reverse 6s infinite;
    -webkit-animation: bg-scrolling-reverse 6s infinite;
}

/* Animations */
@keyframes bg-scrolling-reverse {
    0% {
        background-size: 100% 80%;
        background-position: 0 0;
        opacity: 0;
        transform: rotate(-30deg);
        -webkit-transform: rotate(-30deg);
        -moz-transform: rotate(-30deg);
        -ms-transform: rotate(-30deg);
        -o-transform: rotate(-30deg);
    }

    70% {
        background-size: 100% 100%;
        opacity: 1;
    }

    100% {
        background-position: -900px 0;
        opacity: 0;
    }
}

@keyframes rotation {
    from {
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
    }
}