Давай реализуем вот такую штуку: Лапочка освещает нам путь, но стоит ее выключить (нажать на нее), как становится темно и грустно. Итак, наш план действий: Поехали! Делаем HTML и CSS Картинку можно разместить двумя способами - через тег img, либо как фон тега div. Менять фон проще, поэтому пойдем по второму пути, а потом посмотрим еще варианты. Что бы картинка влезла полностью зададим div высоту в 100vh. Теперь добавим сюда класс с включенной лапочкой Файлики тут - https://disk.yandex.ru/d/-0REW69eSapOvg Получим вот такую красоту Аналогично делаем для выключенной лампочки...

Блог RU-CENTER На некоторых сайтах вас встречают красивые всплывающие меню и кнопки, которые меняют вид при наведении мышки, клике или прокрутке страницы. Такие эффекты называются анимацией — они влияют на общее впечатление от ресурса и легкость пользования сайтом. Чем плавнее переходы и необычнее анимация, тем больший вау-эффект произведет на посетителя ваш сайт. Добиться плавности и других свойств анимации помогает CSS — в статье расскажем, что это за язык и как с его помощью сделать простую анимацию элементов сайта...