Режим маски
mask-mode
В SIMAI Framework с помощью модифкаторов можно указать режим наложения маски яркий или альфа
Классы
| Класс | Значение |
|---|---|
mask-alpha |
mask-mode: alpha; |
mask-luminance |
mask-mode: luminance; |
mask-source |
mask-mode: match-source; |
Описание
Адаптивный модификатор. Задает поведение фонового изображения при прокрутке в зависимости от размера области просмотра.
Использование модификатора: {контрольная точка}:{модификатор}
- Контрольная точка. Необязательный параметр. Применяет модификатор начиная с определенного размера области просмотра, согласно контрольным точкам (
sm,md,lg,xl). Если контрольная точка не задана, то действует для любого размера области просмотра. - Модификатор. Обязательный параметр. Может принимать значения:
mask-alpha- для наложения маски используется альфа;mask-luminance- для наложения маски использоуется яркость;mask-source- для наложения мкски используется источник;
mask-alpha
Используйте модификатор mask-alpha для наложения маски используется альфа.
<div class="mask-alpha"</div>mask-luminance
Используйте модификатор mask-luminance для наложения маски использоуется яркость.
<div class="mask-luminance"</div>mask-source
Используйте модификатор mask-source для наложения мкски используется источник.
<div class="mask-source"</div>Адаптивность
Для управления поведения фонового изображения при прокрутке, начиная с определенного размера области просмотра, добавьте префикс контрольной точки (sm, md, lg, xl) через двоеточие (:) к любому модификатору выравнивания элементов флексбокса по основной оси.
Например, используйте модификатор md:mask-alpha для фиксации фонового изображения относительно области просмотра для экранов размером Medium и больше.
<div class="md:mask-alpha"></div>
Для получения дополнительной информации об адаптивности ознакомьтесь с документацией.