В НТМЛ верх
Код:
<!-- Снег фоном --> <style> body { background-attachment: fixed; /*фиксированное положение фона*/ background-color:#000; /*основной цвет фона*/ background-image:url('http://i39.servimg.com/u/f39/14/80/95/87/1110.png'), url('http://i39.servimg.com/u/f39/14/80/95/87/2210.png'), url('http://i39.servimg.com/u/f39/14/80/95/87/3310.png'); /*картинки снега*/ -webkit-animation:snow 30s linear infinite; -moz-animation:snow 30s linear infinite; -ms-animation:snow 30s linear infinite; animation:snow 30s linear infinite; } /*Keyframes*/ @keyframes snow { 0%{background-position:0px 0px, 0px 0px, 0px 0px;} 25%{background-color:#800000;} 50%{background-color:#008B00;} 75%{background-color:#00008B;} 100%{background-position: 500px 1000px, 400px 400px, 300px 300px;background-color:#000;} /*цвет завершения переходного цикла фона*/ } @-moz-keyframes snow { 0%{background-position:0px 0px, 0px 0px, 0px 0px;} 25%{background-color:#800000;} 50%{background-color:#008B00;} 75%{background-color:#00008B;} 100%{background-position: 500px 1000px, 400px 400px, 300px 300px;background-color:#000;} /*цвет завершения переходного цикла фона*/ } @-webkit-keyframes snow { 0%{background-position:0px 0px, 0px 0px, 0px 0px;} 25%{background-color:#800000;} 50%{background-color:#008B00;} 75%{background-color:#00008B;} 100%{background-position: 500px 1000px, 400px 400px, 300px 300px;background-color:#000;} /*цвет завершения переходного цикла фона*/ } @-ms-keyframes snow { 0%{background-position:0px 0px, 0px 0px, 0px 0px;} 25%{background-color:#800000;} 50%{background-color:#008B00;} 75%{background-color:#00008B;} 100%{background-position: 500px 1000px, 400px 400px, 300px 300px;background-color:#000;} /*цвет завершения переходного цикла фона*/ } </style>