Исходные координаты
transform-origin
hover
В SIMAI Framework с помощью модифкаторов можно задать исходную точку для преобразования элемента.
Классы
| Класс | Значение |
|---|---|
origin-center |
transform-origin: center;
|
origin-top |
transform-origin: top;
|
origin-top-right |
transform-origin: top right;
|
origin-right |
transform-origin: right;
|
origin-bottom-right |
transform-origin: bottom right;
|
origin-bottom |
transform-origin: bottom;
|
origin-bottom-left |
transform-origin: bottom left;
|
origin-left |
transform-origin: left;
|
origin-top-left |
transform-origin: top left;
|
Описание
Адаптивный модификатор. Задает исходную точку для преобразования элемента в зависимости от размера области просмотра.
Использование модификатора: {контрольная точка}:{модификатор}
-
Контрольная точка. Необязательный параметр.
Применяет модификатор начиная с определенного размера области
просмотра, согласно контрольным точкам
(
sm,md,lg,xl). Если контрольная точка не задана, то действует для любого размера области просмотра. - Модификатор. Обязательный параметр.
Пример
origin-center
origin-top-left
origin-bottom
<img class="origin-center rotate-3 ...">
<img class="origin-top-left rotate-4 ...">
<img class="origin-bottom rotate-5 ...">