Шикарный плавно падающий снежок на HTML5 Canvas

Разместил: Apocalypse
19 ноября 2018

Скачать Великолепный, очень плавный и такой умиротворяющий снежок, который должен замечательно вписаться в большинство дизайнов. Продумана даже функция автоматической остановки снегопада, когда вкладка становится не активна, чтобы экономить ресурсы. Для начала посмотрите ДЕМО Установка: 1#: В самый низ вашего CSS вставьте:

#snow_light { height: 100%; left: 0; pointer-events: none; position: fixed; top: 0; width: 100%; z-index: -1; }

1 2 3 4 5 6 7 8 9

#snow_light { height: 100%; left: 0; pointer-events: none; position: fixed; top: 0; width: 100%; z-index: -1; }

  2#: Следующий код поместите на нужных страницах сразу после открывающего тега body:

<script type="text/javascript" src="/js/snow_light.js"></script>

1	<script type="text/javascript" src="/js/snow_light.js"></script>

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

Автор публикации

не в сети 6 дней

Apocalypse

12

Я не понял вашего вопроса, но постараюсь на него ответить...

Комментарии: 393Публикации: 1095Регистрация: 27-08-2018

Метки: HTML5SnowWinterЗимаПлавноСнегСнежинки

Apocalypse

Я не понял вашего вопроса, но постараюсь на него ответить...

• Следующая публикация Анимированный звездопад на CSS3
• Предыдущая публикация Старый добрый снежок из 2007 года на jQuery

Вам может также понравиться...

• Дождливая ночь с одиноким фонарём и молниями на jQuery и HTML5 Canvas

  Разместил: Apocalypse 18 сентября 2017

  - Apocalypse 18 сентября 2017

• jQuery Ripples - эффекты разводов на воде при помощи HTML5 и jQuery

  Разместил: Apocalypse 3 октября 2015

  - Apocalypse 3 октября 2015 Last modified 7 декабря 2015

• Стильный MP3 преер на HTML5, CSS3 и jQuery

  Разместил: Apocalypse 1 октября 2015

  - Apocalypse 1 октября 2015

Подписаться

Уведомить о

новых последующих комментариях новых ответах на мои комментарии

Label

{} [+]

Имя*

Email*

Сайт

Δ

Label

{} [+]

Имя*

Email*

Сайт

Δ

3 Комментарий

Старые

Новые

Межтекстовые Отзывы

Посмотреть все комментарии

Гость

stalker1313

5 лет назад

А можно сделать, что бы этот снег через 200px от верха экрана исчезал?

1

Ответить

Автор

Apocalypse

5 лет назад

Ответить на  stalker1313

В css замени

#snow_light { height: 100%;

1 2	#snow_light { height: 100%;

на

#snow_light { height: 200px;

1 2	#snow_light { height: 200px;

0

Ответить

Гость

stalker1313

5 лет назад

Ответить на  Apocalypse

Я так делал, но тогда и снежинки сплющиваются

0

Ответить