Myvideo

Guest

Login

Кастомный скролл на CSS | Изменяем и улучшаем поведение scrollbar на веб-странице | Магнитный scroll

Uploaded By: Myvideo
63 views
0
0 votes
0

Всем привет! 😃 Хотите узнать, как сделать скролл на сайте не только функциональным, но и эстетичным? В этом видео я расскажу о 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

Share with your friends

Link:

Embed:

Video Size:

Custom size:

x

Add to Playlist:

Favorites
My Playlist
Watch Later