Боковое меню в виде цветных заметок на HTML и CSS - sidebar navigation шаг за шагом

В этом видео вы создадите боковое меню в виде цветных заметок на HTML и CSS шаг за шагом. Разберём position absolute для выдвижения ссылок с левой стороны, разные цвета для каждой ссылки, box-shadow для эффекта свечения и плавный transition при наведении. ============ ТАЙМКОДЫ ============ 0:00 - Превью и результат 0:20 - Структура проекта и разметка HTML 1:44 - Подготовительные стили и body 3:00 - Стили для ссылок: position absolute, размер, цвет 4:53 - Hover эффект - выдвижение ссылки 5:01 - Разные цвета для каждой ссылки-заметки 7:18 - Результат ============ ПЛЕЙЛИСТЫ И КУРСЫ ============ 📌 Полный курс FlexBox CSS: 👉 https://www.patreon.com/collection/1320002 📌 Полный курс JavaScript: 👉 https://www.youtube.com/playlist?list=PLIEunNjc9UyvBaTS0blaMBQYJb5GLaMXB 📌 JavaScript Практика: 👉 https://www.youtube.com/playlist?list=PLIEunNjc9Uyv9Xo2A-WCT0D8c1Ret6bVu 📌 Полный курс CSS: 👉 https://www.youtube.com/playlist?list=PLIEunNjc9UyuznEWwwMmvjpG9V2GxG1DQ 📌 Полный курс HTML: 👉 https://www.youtube.com/playlist?list=PLIEunNjc9UytoWbG_xrleyom6NfiRLBDE ============ СОЦИАЛЬНЫЕ СЕТИ ============ 💬 Telegram: 👉 https://t.me/TopchiyDev 🎓 Patreon: 👉 https://www.patreon.com/TopchiyDev #html #css #боковоеменю #заметки #sidebar #верстка #htmlcss #frontend #webdev #positionabsolute #cssанимация #sidebarnavigation #webdevelopment #htmlдлябегиннеров #cssдлябегиннеров