Уроки HTML, CSS / Как добавить снег на сайт

Когда приходит следующий сезон года, вы хотите украсить вашу страницу :) Для этого можно добавлять возможные эффекты. Давайте рассмотрим эффект - добавление снега. Снег будет идти на странице и будет создавать ощущение, что идет снегопад - смотрится очень стильно. Первое, что нам потребуется, это найти скрипт, который будет создавать данный эффект. При поиске в Яндексе мы решили воспользоваться первой ссылкой, которая ведет на сайт daruse_ru. Конечно мы помним, что снег у нас белого цвета и нам нужно оформить страницу в темных тонах, чтобы он хорошо выделялся. Мы должны поставить на задний фон какую-нибудь картинку. Подготавливаем обычный сайт и ставим на задний фон картинку и добавляем заголовок страницы - вот пример кода: [!DOCTYPE html] [html lang="en"] [head] [meta charset="UTF-8"] [title]Падающий снег[/title] [style] body { background: url(s1200.jpg); background-size: cover; background-repeat: no-repeat; } [/style] [/head] [body] [h1 style="color:white;"]Привет, это демонстрация снега.[/h1] [/body] [/html] Обратите внимание, что для того, чтобы разместить в фоне какую-нибудь картинку, мы определили стиль для body. И в нем указали свойство background с указанием на url картинки, т.е. ссылки на картинку. Когда мы приготовили классный задний фон, теперь мы можем подключать наш скрипт. Скрипт снега подключается внизу страницы – перед закрывающим тегом [/body] и обратите внимание, что...