🔧 Как изменить scrollbar с помощью CSS? 🎨

Хотите кастомизировать скроллбар и сделать его более стильным? Вот готовый CSS-код, который работает во всех браузерах, кроме Firefox (в нем эти стили не применяются).

📌 Основные стили: ✅ ::-webkit-scrollbar — задает размеры скроллбара ✅ ::-webkit-scrollbar-track — отвечает за фон полосы прокрутки ✅ ::-webkit-scrollbar-thumb — изменяет внешний вид ползунка

💡 Пример кода:

::-webkit-scrollbar {   width: 8px;   height: 8px; }

::-webkit-scrollbar-track {   background-color: transparent; }

::-webkit-scrollbar-thumb {   background-color: #CBCBCB;   border-radius: 10px; }

::-webkit-scrollbar-thumb:hover {   background-color: #BABABA; }

::-webkit-scrollbar-thumb:active {   background-color: #A9A9A9; }

Теперь ваш скроллбар будет выглядеть красиво во всех браузерах! 🔥

#css #scrollbar #frontend
🔧 Как изменить scrollbar с помощью CSS? 🎨 | Сетка — новая социальная сеть от hh.ru 🔧 Как изменить scrollbar с помощью CSS? 🎨 | Сетка — новая социальная сеть от hh.ru
repost

30

input message

напишите коммент

еще контент в этом сообществе

еще контент в этом соообществе

войдите, чтобы увидеть

и подписаться на интересных профи

в приложении больше возможностей

пока в веб-версии есть не всё — мы вовсю работаем над ней

сетка — cоциальная сеть для нетворкинга от hh.ru

пересекайтесь с теми, кто повлияет на ваш профессиональный путь