Красивое меню за 7 минут / CSS + HTML

Исходники и описание урока - http://bit.ly/2Avdew7

В данном выпуске разберем красивое горизонтальное #Меню в чистом #CSS . В уроке задействуем режим наложения слоев при помощи mix-blend-mode: multiply; будем использовать псевдоклассы, и познакомимся с display:flex;.

Весь код будем писать в чистом #CSS3, сделаем в #HTML простую структуру при помощи списков LI и оформим его стилями.

Обсуждение видео: https://youtu.be/lexMtdLNrxk
Подписка на канал - https://dwstroy.ru/~dwstv
Видео сборник- https://dwstroy.ru/~S126H

*Видео метки*:
[00:30] - Описываем каркас меню в index.php
[01:52] - Отбираем и проставляем иконки
[02:51] - Описываем стили меню в CSS3
[04:53] - Анимация при наведении

*Другие видео на канале DWSTV*:
Сайт с нуля - https://dwstroy.ru/~7KNnM
Уроки по #CSS - https://dwstroy.ru/~paoBU
1С Битрикс работа с сайтом - https://dwstroy.ru/~dEG4q
Управление системой Битрикс - https://dwstroy.ru/~Zdt4K
Настройки сайта 1С Битрикс - https://dwstroy.ru/~t0UVZ

Во время урока я использую:
Документацию по #CSS3
Редактор PhpStorm

Ссылки из урока:
Архив с урока - https://dwstroy.ru/~Exj7e
Шрифтовые иконки - http://fontawesome.io
Меню (готовый код) - https://dwstroy.ru/~r2mIE

Использую музыку:
Codeko - Crest [NCS Release]
https://www.youtube.com/user/NoCopyrightSounds
http://soundcloud.com/nocopyrightsounds

Добавляйтесь к нам в друзья:
Сайт видео-уроков: https://dwstroy.ru/video/
Канал в VK автора уроков: https://vk.com/dwstv
Канал группы в VK: https://dwstroy.ru/~MJM28

Мы очень рады если видео по CSS было Вам полезно, хотите "поблагодарить" жмите кнопку "нравится" и скиньте ссылку на урок друзьям. Это и есть самая лучшая благодарность, а также мотивация продолжать записывать обзоры и видео-уроки как по CSS, так и другим WEB разработкам.

Видео Красивое меню за 7 минут / CSS + HTML канала Denis Gorelov