Обновленные темы Популярные темы Активные пользователи
Обновление от 8 июля, 2020 / 1.64.84.1020 0 09.07.2020 в 08:07 от 2024end Traducción española de WickedWhims 155h 0 08.07.2020 в 07:49 от 2024end Переводы модов для Sims 4 14 04.07.2020 в 17:59 от 2024end Starbound (перевод модов) 0 02.07.2020 в 12:00 от 2024end Все моды от Kiara Sims (ALL MODS) 0 29.06.2020 в 20:48 от 2024end Heroes of Annihilated Empires скачать торрент 0 29.06.2020 в 13:36 от 2024end Мод Rise of Sols mod 3.5 (Альфа) 0 29.06.2020 в 13:25 от 2024end Heroes of Annihilated Empires 3D Patch 0 29.06.2020 в 13:20 от 2024end Пак карт для Heroes of Annihilated Empires (34) 0 29.06.2020 в 13:17 от 2024end HoAE - 3D инструменты для редактирования (c2mExport) 2 29.06.2020 в 11:02 от 2024end
2024end 3959
Zero 25

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