GoToWeb - Видеокурс Html и Css, урок 37, Раскрывающееся вертикальное меню

https://youtu.be/-esGYMhj8Wg В видеоуроке показан пример создания вертикального меню с выпадающим подменю. Также детально рассмотрена стилизация элементов меню (пунктов меню, ссылок, декоративных элементов и т.д.), в том числе, с использованием псевдо-элементов ::before и ::after. Показаны варианты реализации механизма открытия подменю при наведении мышки (средствами CSS) и при нажатии мышки (при помощи языка JavaScript) на пункты меню. В бонусной части видео показан один из вариантов задания плавности открытия подменю. Содержание: 04:50 - создание разметки (каркаса) страницы. 06:20 - html-разметка элементов меню. 08:45 - CSS -стилизация каркасных элементов. 13:45 - подключение шрифта из библиотеки (ресурса) GoogleFonts. 20:30 - CSS -стилизация пунктов меню и ссылок. 27:40 - стилизация декоративных элементов меню: иконок, стрелок и т.д. Использование псевдо-элементов ::before и ::after. 39:15 - создание выпадающего подменю. 44:56 - CSS -стилизация элементов выпадающего меню. 52:00 - реализация механизма открытия подменю при наведении мышки средствами CSS. 57:15 - реализация механизма открытия подменю при клике мышкой при помощи языка JavaScript. 01:17:25 - CSS-стилизация активного пункта меню. 01:26:00 - вариант задания плавности открытия подменю. https://youtu.be/-esGYMhj8Wg