Скачать или смотреть #12 Вёрстка сайта визитки для начинающих | HTML, CSS, JS - Простой переключатель языка

В данном уроке сделаем переключатель языка без использования javascript! Только css, только хардкора, погнали!

Поддержать канал:
https://www.tinkoff.ru/rm/shevchuk.vi...
https://www.donationalerts.com/r/webp...

Подписывайтесь и ставьте лайк, приятного просмотра!
Также обязательно подпишись на мой телеграм канал, там будет много общения и ответов на вопросы!
https://t.me/webpacman

------------------------------------------------

Ссылки:
Соседний селектор: https://webref.ru/css/selector/adjacent
Родственный селектор: https://webref.ru/css/selector/sibling
Дочерний селектор: https://webref.ru/css/selector/child
Псевдоэлементы before и after: https://webref.ru/layout/after-before...

Тайминг:
00:00 - Введение
00:30 - Анализ кода готового сайта
01:44 - Заготовка для переключателя языка
03:16 - border-radius закругление рамок
05:14 - Свойство flex заполнение контента
06:37 - Свойство flex-grow
06:58 - Свойство flex-shrink
07:20 - Свойство flex-basis
08:20 - input type checkbox
10:52 - display none скрытие элемента
12:16 - Свойство cursor изменение курсора мыши
13:29 - атрибут checked
13:54 - Псевдоэлементы :before и :after
17:48 - Позиционирование кнопки выбранного языка
19:06 - Псевдокласс :checked
22:02 - css селекторы соседних и родственных элементов
27:37 - Добавляем плавность в переключатель языка

Музыка:
Dead Pacman by N3rgul

Track: Falling — Declan DP [Audio Library Release]
Music provided by Audio Library Plus
Watch:    • Falling — Declan DP | Free Background Musi...  
Free Download / Stream: https://alplus.io/falling-declan-dp

Track: Peace — Next Route [Audio Library Release]
Music provided by Audio Library Plus
Watch:    • Peace — Next Route | Free Background Music...  
Free Download / Stream: https://alplus.io/peace-next-route

------------------------------------------------

Привет! Меня зовут Виталий Шевчук, я веб-разработчик. Свой путь в разработке сайтов я начал ещё в школе, создавая форумы для игр. К текущему времени я получил много опыта в разработке сайтов и очень хочу им поделиться с вами!

------------------------------------------------

Telegram: https://t.me/webpacman
Сайт: http://vshevchuk.ru/

Теги: #html #html5 #верстка #css #css3 #css3tutorial