SWIPE / TOGGLE / ВЫДВИЖНОЕ МЕНЮ • HTML & CSS & JS ПРАКТИКА

YOUTUBE · 01.12.2025 09:34

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

Создание менюшки

0:07
  • Создание менюшки с логотипом и кнопкой для вывода меню.
  • Использование иконок и стилей для оформления меню.

Анимация и эффекты

4:00
  • Добавление эффектов наведения и наведения на иконки.
  • Создание анимации для менюшки и кнопки закрытия.

Создание свайп-меню

6:57
  • Создание свайп-меню с иконкой закрытия.
  • Добавление эффектов и стилей для иконки закрытия.

Завершение работы

9:55
  • Добавление подложки для меню и свайп-меню.
  • Настройка теней и размытости для меню и свайп-меню.
  • Использование плагина для обработки нажатия на иконки.

Создание меню с помощью CSS

11:48
  • В видео автор объясняет, как создать меню с помощью CSS, используя классы и идентификаторы.
  • Он также показывает, как скрыть и показать меню, используя свойства opacity и transition.

Работа с событиями

16:41
  • Автор демонстрирует, как использовать плагин Hammer.js для работы с событиями, такими как свайпы и нажатия.
  • Он показывает, как создать условия для разных событий и как использовать их для активации и деактивации меню.

Работа с CSS и JavaScript

20:33
  • Автор объясняет, как использовать CSS и JavaScript для создания меню, которое будет работать на разных устройствах.
  • Он также демонстрирует, как использовать классы и селекторы для работы с элементами меню.
  • В конце видео автор призывает зрителей ставить лайки, подписываться на канал и использовать плагин Hammer.js.