@keyframes snow-curtain {
    0% {
        bottom: 100%;
        opacity: 0;
    }
    50% {
        opacity: 1;
        transform: rotate(1080deg);
    }
    100% {
        transform: rotate(0deg);
        opacity: 0;
        bottom: 0;
    }
}

@-webkit-keyframes snow-curtain {
    0% {
        bottom: 100%;
        opacity: 0;
    }
    50% {
        opacity: 1;
        -webkit-transform: rotate(1080deg);
    }
    100% {
        -webkit-transform: rotate(0deg);
        opacity: 0;
        bottom: 0;
    }
}

@-moz-keyframes snow-curtain {
    0% {
        bottom: 100%;
        opacity: 0;
    }
    50% {
        opacity: 1;
        -moz-transform: rotate(1080deg);
    }
    100% {
        -moz-transform: rotate(0deg);
        opacity: 0;
        bottom: 0;
    }
}

@-ms-keyframes snow-curtain {
    0% {
        bottom: 100%;
        opacity: 0;
    }
    50% {
        opacity: 1;
        -ms-transform: rotate(1080deg);
    }
    100% {
        -ms-transform: rotate(0deg);
        opacity: 0;
        bottom: 0;
    }
}

@-o-keyframes snow-curtain {
    0% {
        bottom: 100%;
        opacity: 0;
    }
    50% {
        opacity: 1;
        -o-transform: rotate(1080deg);
    }
    100% {
        -o-transform: rotate(0deg);
        opacity: 0;
        bottom: 0;
    }
}

.snow-roll {
    position: absolute;
    opacity: 0;
    animation: snow-curtain 5s;
    -webkit-animation: snow-curtain 5s;
    -moz-animation: snow-curtain 5s;
    -ms-animation: snow-curtain 5s;
    -o-animation: snow-curtain 5s;
    height: 80px;
}
.snow-div {
    position: fixed
}