Кастомный скролл на CSS | Изменяем и улучшаем поведение scrollbar на веб-странице | Магнитный scroll
Всем привет! 😃
Хотите узнать, как сделать скролл на сайте не только функциональным, но и эстетичным? В этом видео я расскажу о CSS-свойствах, которые помогут вам управлять поведением и стилем полос прокрутки.
🎨 Разберём:
scrollbar-gutter — как добавить отступы для лучшей читаемости,
scroll-padding — настройка пространства вокруг контента,
scroll-snap-type и scroll-snap-align — фиксируем элементы на нужных позициях,
scroll-behavior — плавность прокрутки,
и стилизация с ::-webkit-scrollbar.
Покажу примеры и расскажу, как использовать эти свойства для создания приятного пользовательского опыта.
Приятного просмотра! 😍
Мой телеграм-канал:
00:00:00 - Вступление
00:00:23 - scroll-padding
00:02:33 - scroll-behavior
00:03:43 - Scroll Snap
00:07:53 - Стилизация scrollbar
00:11:47 - Заключение!
Любая информация, представленная в этом видео, принадлежат мне и не отражают позицию моего работодателя или каких-либо организаций, с которыми я связана.
Весь материал, показанный в видео, был создан мной лично в свободное от работы время на моем собственном ноутбуке и используются исключительно для демонстрационных целей. Всё показанное в ролике не имеет никакого отношения к интеллектуальной собственности моего работодателя или других связанных со мной организаций.
Не забудьте подписаться, чтобы не пропустить новые выпуски!
#css #scrollbar #frontend #frontenddevelopment #css3 #webdesign #uiuxdesign #csstips #webdevtips #webdevelopment #frontendtips #scroll #codingtutorial #cssproperties
63 views
3624
1186
4 weeks ago 04:33:53 237
The Elder Scrolls 4: Oblivion - Прохождение, часть 87 + Diablo 3 - Прохождение, часть 13
4 weeks ago 05:48:19 60
The Elder Scrolls 4: Oblivion - Прохождение, часть 86
4 weeks ago 02:13:17 59
KaLaXa Sharlatan Cup #50 - Direct Strike + The Elder Scrolls 4: Oblivion - Прохождение, часть 85
1 month ago 01:43:40 286
The Elder Scrolls 4: Oblivion - Прохождение, часть 84
1 month ago 00:12:41 63
Кастомный скролл на CSS | Изменяем и улучшаем поведение scrollbar на веб-странице | Магнитный scroll
1 month ago 01:09:01 493
The Elder Scrolls 4: Oblivion - Прохождение, часть 83
1 month ago 04:29:22 96
The Elder Scrolls 4: Oblivion - Прохождение, часть 82 + Dispel Cup 1
1 month ago 03:23:17 70
Showmatch 4x4 + The Elder Scrolls 4: Oblivion - Прохождение, часть 81
1 month ago 06:30:40 99
Diablo 3 - Прохождение, часть 11 + The Elder Scrolls 4: Oblivion - Прохождение, часть 80 + Wc3
2 months ago 02:52:01 175
Warcraft 3: Reforged - Прохождение, часть 1 + The Elder Scrolls 4: Oblivion - Прохождение, часть 79
2 months ago 00:59:56 72
The Elder Scrolls 4: Oblivion - Прохождение, часть 78