Обновленные темы Популярные темы Активные пользователи
Новый Арсенал 7 0 18.09.2020 в 20:38 от Бармен Переводы модов для Sims 4 25 18.09.2020 в 12:13 от 2024end Заказать мод из Steam 27 15.09.2020 в 13:31 от sasharomantsov2004 FAQ прохождения по локациям DOPPELGANGER 7.63 Time Gap 51 14.09.2020 в 14:51 от batareych Обновление от 3 сентября, 2020 / 1.66.139.1020 1 09.09.2020 в 22:50 от симовод Флудилка 73 08.09.2020 в 13:08 от 2024end Битая ссылка 42 07.09.2020 в 21:57 от 2024end Wicked Whims - Стриптиз клубы - давайте танцевать 7 27.08.2020 в 22:18 от dojinn Операция "Чёрное гнездо" 1 27.08.2020 в 14:31 от Бармен STCoP Weapon Pack 3.4 0 27.08.2020 в 14:25 от Бармен
2024end 4000
Zero 25

  • Страница 1 из 1
  • 1
Форум — Synthira.Ru » Web-Раздел » Скрипты для uCoz » Плавно падающий фоновый снег на чистом CSS3
Плавно падающий фоновый снег на чистом CSS3
Администраторы
Кол-во постов: 4000
Репутация: 27
Регистрация: 22.07.2017
Статус: Не в сети
 Автор темы | Суббота, 25.01.2020, 12:36 | Сообщение # 1

Отличный анимированный фон с эффектом падающего снега на чистом CSS

Установка:

В самый низ вашего CSS вставьте:
Код
@-webkit-keyframes SNOW {
from { background-position: 0 0, 0 0, 0 0, 0 0; }
to { background-position: 0 320px, 0 300px, 0 275px, 0 0; }
}

@-webkit-keyframes WIGGLE {
from { background-position: 0 0, 0 0, 0 0, 0 0; }
to { background-position: -20px 0, 10px 0, -5px 0, 0 0; }
}

@keyframes SNOW {
from { background-position: 0 0, 0 0, 0 0, 0 0; }
to { background-position: 0 320px, 0 300px, 0 275px, 0 0; }
}

@keyframes WIGGLE {
from { background-position: 0 0, 0 0, 0 0, 0 0; }
to { background-position: -20px 0, 10px 0, -5px 0, 0 0; }
}

body {
background: url(/img/snow_500x320.png) 100% 0 repeat,
url(/img/snow_300x300.png) 50% 50% repeat,
url(/img/snow_335x275.png) 0 0 repeat,
linear-gradient(to bottom, rgb(0,0,50) 0, rgb(25,0,102));
background-attachment: fixed, fixed, fixed, scroll;
-webkit-animation: SNOW 10s linear infinite/*, WIGGLE 2s ease-in-out infinite alternate*/;
animation: SNOW 10s linear infinite;
}


Осталось лишь залить три картинки из прикреплённого архива в папку img

[grayb]Скачать через ЯндексДиск[/grayb]
[grayb]Источник: https://imapo.ru/[/grayb]
Форум — Synthira.Ru » Web-Раздел » Скрипты для uCoz » Плавно падающий фоновый снег на чистом CSS3
  • Страница 1 из 1
  • 1
Поиск: