[ Обновленные темы · Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Форум » О uCoz » Скрипты » Снег на чистом CSS
Снег на чистом CSS
Дата: Пятница, 13.12.2013, 13:50:46 | Сообщение # 1
Группа: Проверенные Титул: Технарь Сообщений: 283
Награды: 1
Репутация: 3
Статус:
Сайт пользователя:
Skype пользователя:

Не плохой снежок для вашего сайта на чистом 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
Прикрепления: 8079418.png(3.7 Kb) · snow.rar(14.3 Kb)
Форум » О uCoz » Скрипты » Снег на чистом CSS
  • Страница 1 из 1
  • 1
Поиск: