Популярный Сайдбар на чистом CSS и JS влюбил в себя ВСЕХ: гуру вещает
В ролике мы - Валера Ткаченко и Тёмыч Панасюк - раскрываем тему, как реализовать эффект “ездящего“ акцентного элемента, используя только JS и CSS. Эта фича подчеркивает выбранный пункт меню с помощью анимации и скруглённых углов, делая интерфейс более интерактивным и стильным
Без тяжеловесных библиотек и сложных инструментов, мы покажем, как легко и просто добавить стильные скругления и анимации к вашему меню. Сделайте ваш сайт запоминающимся и уникальным с нашими советами и трюками, благодаря чему в него влюбятся абсолютно все!
Ролики залиты на ютубе, Дзене, ВК и Рутубе
00:00 Вступление
00:42 Макет с настроенным окружением
00:55 Пишем стили SCSS
04:00 Пишем JS для клика (можно и без него, а hover)
05:54 Красивые transition
07:33 Завершение
Теги:
#cssЭффекты #cssAnimation #легкаяCssАнимация #cssГайд #продвинутыйCss #jsСобытия #domМанипуляции #nodeListJs #sidebarНаЧистомCss #sidebarPureJsCss #сайдбарБезБиблиотек #сайдбарНаCSSJs #sidebarBootstrap5
7 views
3689
1467
1 month ago 00:12:12 4
Супер сайт для бизнеса!
4 months ago 00:42:23 290
Как сделать сайт на WordPress в 2024 году. Пошаговая инструкция для новичков. Часть 1
8 months ago 00:07:50 16
Популярный Сайдбар на чистом CSS и JS влюбил в себя ВСЕХ: гуру вещает
1 year ago 00:18:05 7
Курс по WordPress // Урок 12. Сайдбар, виджет и страница поиска
2 years ago 00:38:33 1
Заканчиваем верстку главной страницы, HTML & CSS - Часть 3 | Динамический веб-сайт