Логин:
Пароль:
Страница 1 из 11
Форум » О uCoz » Скрипты » Снег на чистом CSS
Снег на чистом CSS
AndreyДата: Пятница, 13.12.2013, 13:50:46 | Сообщение # 1
Технарь
Offline
3

Не плохой снежок для вашего сайта на чистом CSS

Мой тест на Фиддле

Заходим в 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-image: url('/snow/snow.png'), url('/snow/snow3.png'), url('/snow/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;
}


Прикреплённый ниже архив заливаем в папку snow

Всё, теперь у вас на сайте идёт снег

Материал подготовлен: Andrey
Для того чтоб скачать прикреплённые файлы нужно Зарегестрироватся, или войти на сайт под своим логином
 
профиль
Форум » О uCoz » Скрипты » Снег на чистом CSS
Страница 1 из 11
Поиск: