Создание бокового меню на HTML, CSS и JavaScript | практика для новичков

YOUTUBE · 01.12.2025 09:40

Ключевые темы и таймкоды

Создание структуры проекта

0:00
  • Создание навигационной панели, файла стилей и скрипта.
  • Запуск проекта с помощью лайв-сервера.

Стилизация проекта

2:28
  • Изменение цвета фона, отступов и свойств отображения элементов.
  • Стилизация элементов li для разделения и добавления стиля при наведении.

Работа с кнопкой меню

6:49
  • Удаление границ, изменение цвета при наведении и добавление свойства display для скрытия на маленьких экранах.
  • Использование медиа запросов для изменения стилей на маленьких экранах.

Работа с анимацией

14:27
  • Добавление свойства transition для всех свойств с длительностью 300 миллисекунд и операции ease in.
  • Проверка работы анимации на разных устройствах.