Клик по коду
10.03
🔧 Как изменить 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еще контент в этом сообществе
еще контент в этом соообществе
Клик по коду
10.03
войдите, чтобы увидеть
и подписаться на интересных профи