Сніжинки, що падають на сайт плагін SnowFall
Шановні користувачі! Ми дякуємо Вам за те, що Вам цікавий наш контент, тому з кожним днем хочемо ставати все краще і краще!
Велике спасибі за вашу допомогу та уважність до нас!
Давненько я не писав нічого нового, але ось з'явився нарешті час. Вирішив сьогодні поділитися з Вами святковим настроєм, який, сподіваюся, у всіх було на Новий Рік та інші минулі свята, а також уявити Новорічний або зимовийплагін SnowFall, який демонструє,падаючі сніжинки на сайт.
У джерелах матеріалу, я вказав посилання наGitHub розробника даного плагіна, де він докладно все описує та показує демо версію свого скрипту, причому у різних прикладах. Я ж особисто, хотів Вас ознайомити лише з одним прикладом, який видався мені дуже зручним і зайняв мінімум часу на розробку та впровадження у свій проект.
Для початку, підключимо необхідні бібліотеки js і файли стилів css. Так, цей плагін працює без бібліотеки jquery.min.js, тому просто підключаємо рідну бібліотеку плагіна snowfall.min.js.
Щодо стилів, то будемо використовувати наш стандартний файл стилів demo.css.
Тепер щоб склалося враження, що сніжинки падають на сніг, створюємо графічне зображення fon.jpg і зберігаємо його в папці img таке, як на демо версії. Ну це знову ж таки, тільки для прикладу, все залежить від Вашої уяви та потреб.
Після цього створюємо, власне, і сам блоковий контейнер div з ідентифікатором content, в якому запускатимемо наш плагінпадаючих сніжинок на сайт. З параметрів варто врахувати, що minSize визначає мінімальний розмір сніжинки 5 пікселям, а максимальний розмір сніжинок maxSize дорівнює 12 пікселям.Налаштуйте розмір сніжинок на такий, який Вам потрібен.