Шикарный плавно падающий снежок на HTML5 Canvas
Великолепный, очень плавный и такой умиротворяющий снежок, который должен замечательно вписаться в большинство дизайнов. Продумана даже функция автоматической остановки снегопада, когда вкладка становится не активна, чтобы экономить ресурсы.
Для начала посмотрите ДЕМО
Установка:
1#: В самый низ вашего CSS вставьте:
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:
1 |
<script type="text/javascript" src="/js/snow_light.js"></script> |
Осталось лишь залить JS файл из прикреплённого архива в папку js
А можно сделать, что бы этот снег через 200px от верха экрана исчезал?
В css замени
на
Я так делал, но тогда и снежинки сплющиваются