Главная » Файлы » Новогодний раздел » Новогодний раздел

Снег для сайта на чистом CSS для uCoz
24.06.14, 18:52:00

Скачать файл




Если честно, то я в поисковом запросе надеялся увидеть плагин снега для Counter Strike Sourse, а нашёл это и просто не мог не оформить материал на apo-ucoz

Для начала посмотрите ДЕМО

Моё тестирование в фидле: КЛИК

Установка:

В самый низ вашего 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;
}
Три картинки из прикреплённого архива залейте в папку images

Материал подготовлен Apocalypse
Категория: Новогодний раздел | Добавил: Apocalypse | Теги: CSS, ucoz, чистом, на, снег, сайта, для
Просмотров: 573 | Загрузок: 0 | Рейтинг: 0.0/0
Всего комментариев: 0
Имя *:
Email: