Гость
Обновленные темы Популярные темы Активные пользователи
AtmosFear MAX 0 23.02.2020 в 17:20 от Бармен Multiplayer Extension: «Defence» 4 22.02.2020 в 01:58 от Бармен Моды от Dumbaby The Sims 4 modder | 18+ mods 29 21.02.2020 в 20:00 от 2024end Sunken into Oblivion 0 21.02.2020 в 00:58 от Бармен «Doomed to Eternal Torment» - Обречённый на вечные муки 0 21.02.2020 в 00:47 от Бармен Битая ссылка 12 19.02.2020 в 17:01 от 2024end Учебник Турбо по селектору тела WickedWhims 1 17.02.2020 в 08:49 от 2024end Организация папки MODS 0 17.02.2020 в 08:38 от 2024end Приоритет и WW 0 17.02.2020 в 08:34 от 2024end Работа с программой ModConflictDetector (MCD) 0 17.02.2020 в 08:18 от 2024end
2024end 3867

  • Страница 1 из 1
  • 1
Форум — Synthira.Ru » Web-Раздел » Скрипты для uCoz » Плавно падающий фоновый снег на чистом CSS3
Плавно падающий фоновый снег на чистом CSS3
Администраторы
Кол-во постов: 3867
Репутация: 12
Регистрация: 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
Поиск: