[Продвинутая верстка] Урок 11. Выпадающее меню на чистом HTML с помощью тега details

Описание: Разберемся как создать выпадающее меню с помощью тега details, узнаем как его стилизовать и сделать открытие плавным, так же кастомизируем стандартную стрелку которая показывает открыто меню или нет.

🚀 НАЧНИ ОБУЧЕНИЕ В ШКОЛЕ WEB PRO. Получить первый урок, тест и домашнее задание можно совершенно бесплатно по ссылке ниже:
https://t.me/webproschool_bot?start=l...

💬 Присоединяйся к нашему чату веб-разработчиков:
https://t.me/webproschool_chat

❤️ Сохраняй плейлисты с теорией, тестами и практическими заданиями:
1️⃣ Уроки по основам HTML и CSS:    • Курс по основам HTML и CSS с тестами и пра...  
2️⃣ Уроки по продвинутой вёрстке:    • Курс по продвинутой верстке сайта на HTML ...  

💙 Мы в VK:
https://vk.com/webproschool

Данный курс будет полезен всем продолжающим веб-разработчикам, которые хотят узнать больше о создании сайтов и о продвинутой верстке сайта на HTML и CSS. В ходе обучения теория будет сопровождаться презентацией, а для закрепления материала в сможете проходить тесты и практические задания.

Таймкоды:
00:00 О чём это видео
00:10 Для чего нужен тег details
00:17 Как создать выпадающее меню
01:00 Стилизация выпадающего меню
01:34 Кастромизируем стрелку в выпадающем меню
03:54 Плавное открытие выпадающего меню
04:40 Что будет дальше