Радиус границы подложки прокрутки
scroll-slider-radius
В SIMAI Framework с помощью модифкаторов можно управлять плавностью прокрутки элемента.
Классы
| Класс | Значение |
|---|---|
scroll-radius-1 |
filter: blur(var(--sf-a2)) |
scroll-radius-2 |
filter: blur(var(--sf-a4)) |
scroll-radius-3 |
filter: blur(var(--sf-a6)) |
scroll-radius-4 |
filter: blur(var(--sf-a8)) |
Описание
Адаптивный модификатор. Задает поведение прокрутки элемента в зависимости от размера области просмотра.
Использование модификатора: {контрольная точка}:{модификатор}
- Контрольная точка. Необязательный параметр. Применяет модификатор начиная с определенного размера области просмотра, согласно контрольным точкам (
sm,md,lg,xl). Если контрольная точка не задана, то действует для любого размера области просмотра. - Модификатор. Обязательный параметр.
Пример
Используйте модификатор scoll-radius-0...scoll-radius-4 для установки радиуса полосы прокрутки.
kaadsfadfkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkk
<html class="scroll-radius-3"><!-- ... --></html>