Анимация сайта с помощью JavaScript, CSS. Делаем Halloween тему со звуком и анимацией

У вашего броузера проблема в совместимости с HTML5

⏰ Курс JavaScript 2.0: https://itgid.info/course/javascript-2
✈️ Чат Telegram : https://t.me/itgid_info
???? Разверни для полной информации
???? Курс Функции в JavaScript: https://itgid.info/course/function-2021
????????‍???? Сайт: https://itgid.info
Курс Методы массивов: https://itgid.info/course/arraymethod

00:00 Обзор анимации
01:00 Создаем структуру для HTML
03:00 Создаем CSS
03:45 Оформляем заголовок сайта
05:20 Анимация фона для заголовка сайта на CSS
12:15 Добавление блока с пауком на сайт и его анимация
17:30 Добавляем переключатель input и оформление CSS
18:30 Пишем JavaScript код для анимации
22:00 Играем звук при клике на блоке с пауком JavaScript

Создаем Halloween тему для сайта, делаем анимацию фона заголовка сайта, добавляем блоки с изображением паука (тоже анимация). Добавляем воспроизведение аудио при клике на паука. Анимацию реализуем на CSS keyframes, а управление анимацией - на JavaScript.

Моя рабочая станция:
Processor: AMD Ryzen5 1600 Six-core processor
Video: Asus GeForce GTX 1650 Phoenix 4GB GDDR6
RAM: 16GB
Motheboard: MSI A320M PRO-M2 V2
HDD:
- Samsung 860 Evo-Series 500GB M.2
- Toshiba P300 2TB
- Silicon Power A56 256GB

Power: Chieftec Value APB-400B8 400W Bulk
Monitors:
- 23.8” Dell P2419HC
- 23.8” Dell P2418D

Box: Gougar MX350 Mesh

Mouse: Trust Verto Ergonomic Wireless
Keyboard: HP KU-1469
Microphone: Samson C01U Pro

+ MacBook Pro M1 13’’ 8-Core CPU/8-Core GPU/16-core Neural Engine /16GB/256GB
+ IBM Lenovo ThinkPad E14 / Intel Core i5-1135G7 (4.2 ГГц) / RAM 16 ГБ / SSD 1 ТБ / Intel Iris Xe Graphics