Вращение

transform-rotate
hover

В SIMAI Framework с помощью модифкаторов можно управлять вращением элементов.

Классы

Класс Значение
rotate-0 transform: rotate(0deg);
rotate-1 transform: rotate(1deg);
rotate-2 transform: rotate(2deg);
rotate-3 transform: rotate(3deg);
rotate-4 transform: rotate(6deg);
rotate-5 transform: rotate(12deg);
rotate-6 transform: rotate(45deg);
rotate-7 transform: rotate(90deg);
rotate-8 transform: rotate(180deg);

Описание

Адаптивный модификатор. Задает вращение в зависимости от размера области просмотра.

Использование модификатора: {контрольная точка}:{модификатор}

  • Контрольная точка. Необязательный параметр. Применяет модификатор начиная с определенного размера области просмотра, согласно контрольным точкам (sm, md, lg, xl). Если контрольная точка не задана, то действует для любого размера области просмотра.
  • Модификатор. Обязательный параметр.

Пример

rotate-0

rotate-6

rotate-7

rotate-8

<img class="rotate-0 ...">
<img class="rotate-6 ...">
<img class="rotate-7 ...">
<img class="rotate-8 ...">

Изменить статью