Гость
Обновленные темы Популярные темы Активные пользователи
Битая ссылка 14 01.04.2020 в 17:58 от 2024end Создание типовых квестов 3 30.03.2020 в 15:13 от 2024end S.T.A.L.K.E.R. - UE4 0 29.03.2020 в 16:19 от Бармен S.T.A.L.K.E.R - Группа Cтрелка 0 22.03.2020 в 16:41 от Бармен Школы для The Sims 4 0 20.03.2020 в 09:36 от 2024end Хроники Кайдана 0 16.03.2020 в 00:17 от Бармен Игра Душ - Новое Начало 0 15.03.2020 в 13:28 от Бармен «Doomed to Eternal Torment» - Обречённый на вечные муки 1 15.03.2020 в 12:53 от Бармен Иконки групп для synthira 18 14.03.2020 в 23:53 от LENA_D Красивые анимированные кнопки Action rip Бармен 0 11.03.2020 в 02:24 от Бармен
2024end 3870

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