#snow { /* Este es el ID CSS que tendrás que añadir al contenedor donde quieres que aparezcan los flocos */

    background: transparent;
    
    font-family: Androgyne;
    
    /* Aquí cambiar las URL de imagenes de copos por las suyas */
    
    background-image: url(../Resource/Img/copo1.png),url(../Resource/Img/copo2.png),url(../Resource/Img/copo3.png);
    
    height: 100%;
    
    left: 0;
    
    position: absolute;
    
    top: 0;
    
    width: 100%;
    
    opacity: 1;
    
    z-index:-1;
    
    -webkit-animation: snow 20s linear infinite;
    
    -moz-animation: snow 20s linear infinite;
    
    -ms-animation: snow 20s linear infinite;
    
    animation: snow 20s linear infinite;
    
}
    
    @keyframes snow {
    
    0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
    
    50% {background-position: 500px 500px, 100px 200px, -100px 150px;}
    
    100% {background-position: 500px 1000px, 200px 400px, -100px 300px;}
    
    }
    
    @-moz-keyframes snow {
    
    0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
    
    50% {background-position: 500px 500px, 100px 200px, -100px 150px;}
    
    100% {background-position: 400px 1000px, 200px 400px, 100px 300px;}
    
    }
    
    @-webkit-keyframes snow {
    
    0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
    
    50% {background-position: 500px 500px, 100px 200px, -100px 150px;}
    
    100% {background-position: 500px 1000px, 200px 400px, -100px 300px;}
    
    }
    
    @-ms-keyframes snow {
    
    0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
    
    50% {background-position: 500px 500px, 100px 200px, -100px 150px;}
    
    100% {background-position: 500px 1000px, 200px 400px, -100px 300px;}
    
    }