search
Размер маски
https://dev.ru.simai.io/ru/ui/utility/mask/mask-size.php
С помощью модификаторов размера маски можно управлять тем, как изображение маски будет масштабироваться относительно элемента.
Таблица классов
| Класс | Значение |
|---|---|
| .mask-auto | mask-size: auto; |
| .mask-cover | mask-size: cover; |
| .mask-contain | mask-size: contain; |
Описание
Модификаторы размера маски определяют, как изображение маски масштабируется внутри элемента:
- mask-auto – маска отображается в исходном размере изображения.
- mask-cover – маска масштабируется так, чтобы полностью покрыть область элемента, может быть обрезана.
- mask-contain – маска масштабируется так, чтобы полностью поместиться внутри области элемента, не искажая пропорций.
Примеры использования
<!-- Маска в исходном размере -->
<div class="mask-auto"></div>
<!-- Маска, покрывающая весь элемент -->
<div class="mask-cover"></div>
<!-- Маска, вписанная в область элемента -->
<div class="mask-contain"></div>