Новорічна прикраса для сайту. Сніг, що падає

10 грудня 2024 р. 28 Alex

Сніг, що падає, на сайті, простий приклад із можливістю налаштувань.

Підключення дуже просте

<script type="text/javascript" src="https://unpkg.com/jquery-snowfall@1.7.4/dist/snowfall.jquery.min.js" >
<script>
  setTimeout(function (argument) {
    $(document).snowfall({flakeCount : 100, minSize:1, maxSize:4, round: 4});
  }, 1000);
</script>

Не забуваємо про jQuery, підключаємо його, якщо він не підключений:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

Можливі налаштування:

flakeCount - кількість сніжинок на сайті

flakeColor - колір сніжинок на сайті

minSize - мінімальний розмір сніжинки в пікселях

maxSize - максимальний розмір сніжинки в пікселях

minSpeed - мінімальна швидкість руху сніжинки

maxSpeed - максимальна швидкість руху сніжинки

round - true або false, робить сніжинки округлими, якщо браузер підтримує це

shadow - true або false, надає сніжинкам тінь, якщо це підтримується браузером

Документация плагина - https://github.com/loktar00/JQuery-Snowfall

Демо Завантажити


Рекомендовані