(2 часть) Адаптация под мобильные устройства - • #2 ЧАСТЬ - Выпадающее МЕНЮ на чистом ... Исходный код -
В этом уроке мы сделаем, #выпадающее #горизонтальное #меню. Оно будет имеет #шрифтовые #иконки которые при наведении на меню меняют цвет. Посмотреть и скачать код -
, а тут вторая часть - • #2 ЧАСТЬ - Выпадающее МЕНЮ на чистом ... Сделаем небольшую #анимацию, в ней меняем цвет кнопки и текста, добавляем тень и все это отображается при наведении. #Выпадающие #списки меню можно реализовать многоуровневыми простым копированием #UL и это все довольно просто реализовано на чистом #CSS / #CSS3. Обсуждение видео: • Выпадающее МЕНЮ на чистом CSS / HTML В уроке задействуем: • #display: #flex; • используем #transition; • позиционировать элементы при помощи #position Подписка на канал:
Видео сборник:
*Видео метки*: [01:13] - Структура разметки в #html [02:22] - Подключаем шрифтовые иконки [04:10] - Описываем #стили в #CSS [04:29] - Подключаем шрифт Cuprum [04:29] - Анмируем при наведении #hover [08:10] - Выпадающее меню [11:56] - CSS генератор #background *Другие видео на канале DWSTV*: Сайт с нуля -
Уроки по #CSS -
1С Битрикс работа с сайтом -
Управление системой Битрикс -
Настройки сайта 1С Битрикс -
Во время урока я использую: Документацию по #CSS3 Редактор #PhpStorm Ссылки из урока: Архив кода на сайте -
Шрифт Cuprum -
Шрифтовые иконки -
Генератор Градиентов -
Использую музыку: Love Me Like You Do (Violin Cover by Robert Mendoza) [from FIFTY SHADES OF GREY soundtrack] • Love Me Like You Do (Violin Cover by ... Добавляйтесь к нам в друзья: Сайт видео-уроков:
Канал в VK автора уроков:
https://vk.com/dwstv Канал группы в VK:
Мы очень рады если видео по #CSS3 #меню было Вам полезно, хотите "поблагодарить" жмите кнопку "нравится" и скиньте ссылку на урок друзьям. Это и есть самая лучшая благодарность, а также мотивация продолжать записывать обзоры и видео-уроки как по CSS, так и другим #WEB разработкам.
