ZorNet.Ru — сайт для вебмастера » HTML и CSS » Плавно падающий снег для сайта на HTML5

Плавно падающий снег для сайта на HTML5

Плавно падающий снег для сайта на HTML5
Великолепно выполнен эффект падающего снега, который идет в плавном режиме и не напрягает, что на красивом фоне смотреться оригинально. Здесь даже для пользователя или гостей сайта все сделано так, что они могут как запустить снегопад, так и остановить, если он им мешает, на этот случай функция размещена. Что замечательно, то здесь нет такого, что идет буран и потом еле находишь снежинку, все по этой теме сделано великолепно.

С наступлением зимы на большинства тематических ресурсах эта функция становится актуальной, где делают фон своеобразный и подключают распадающееся снежки. Такой формат не имеет тематике, здесь смотрим, как будет все выглядеть при подключении, но точно нужно, чтоб задний фон на интернет сайте был как можно темнее под любой цветовой гамме.

Так реально разброс выглядит.

Эффект падающего снега на сайте

Приступаем к установке:

С начало пропишем в CSS:

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

Потом ставим Js, на тех страницах, где вы хотите наблюдать этот трюк.

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

Скачав архив, то обнаружим JS файл, и идя в корень сайта, его нужно загрузить в папку js, если ее нет, то создаем.

Источник: imapo.ru
22 Ноября 2018 Загрузок: 10 Просмотров: 2070 Комментариев: (0)

Поделиться в социальных сетях

Материал разместил

Оставь свой отзыв

Комментарии: 0
avatar