В этом материале предоставлен код, разработанный и адаптированный под систем uCoz. Весь снег сделан на чистом CSS, поэтому никак скриптов, тормозящих сайт, тут нет.
Важно! Все картинки из прикреплённого архива залейте в папку images.
Установка не сложная:
В самый низ вашего css скопируйте код:
/*Keyframes*/
@keyframes snow {
0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
100% {background-position: 500px 1000px, 400px 400px, 300px 300px;}
}
@-moz-keyframes snow {
0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
100% {background-position: 500px 1000px, 400px 400px, 300px 300px;}
}
@-webkit-keyframes snow {
0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
50% {background-color:#b4cfe0;}
100% {background-position: 500px 1000px, 400px 400px, 300px 300px; background-color:#6b92b9;}
}
@-ms-keyframes snow {
0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
100% {background-position: 500px 1000px, 400px 400px, 300px 300px;}
}
body {
background-color: #6b92b9;
background-image: url('/images/snow.png'), url('/images/snow3.png'),url('/images/snow2.png');
-webkit-animation: snow 20s linear infinite;
-moz-animation: snow 20s linear infinite;
-ms-animation: snow 20s linear infinite;
animation: snow 20s linear infinite;
}
При копирование материалов с сайта необходимо указать активную ссылку источника - WWW.RASTRYGIN.RU/ WWW.RASTRYGIN.COM
|