Загрузка...
Оформление полосы прокрутки CSS — бесплатно и без регистрации.
Готовые CSS-правила для дорожки и бегунка в разных браузерах.
Выберите цвета и толщину, скопируйте стили.
Реализация и поддержка псевдоэлементов отличаются между браузерами.
Для совместимости используются scrollbar-color и псевдоэлементы WebKit.
/* Современные браузеры */
* {
scrollbar-width: thin;
scrollbar-color: #6366f1 #e2e8f0;
}
/* Chromium и Safari */
::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: #e2e8f0; }
::-webkit-scrollbar-thumb { background: #6366f1; border-radius: 12px; }