Создаём кастомную вертикальню прокрутку - Upline Studio

Задача

Создать кастомную вертикальню прокрутку.

Формула

<style>
/* Прокрутка */
/* Для вертикальных полос прокрутки */
::-webkit-scrollbar {
    width: 10px;
}

/* Фон полосы прокрутки */
::-webkit-scrollbar-track {
    background: none;
    margin: 10px;
}

/* Тумблер */
::-webkit-scrollbar-thumb {
    background-color: rgba(95, 96, 103, 0.3);
    border-radius: 15px;
}
</style>

Объяснение

width — ширина полосы прокрутки;

margin — отступы сверху и снизу;

background — цвет полосы под тумблер;

background-color — цвет тумблера;

border-radius — скругления тумблера;

Прозрачность элементов

Чтобы указать прозрачность для элемента, используйте "rgba(95, 96, 103, 0.3)",

0.3 — это 30% от указаного цвета

Источник

Сайт: https://batvai.by/useful

Другие формулы Creatium

Вернуться к списку формул Creatium