Тип анимации
https://dev.ru.simai.io/ru/ui/utility/animation/animation-type.php
Классы типа задают направление анимации.
Классы и значения
| Класс | Значение |
|---|---|
.animation-from-left |
Появление сдвигом слева. |
.animation-from-right |
Появление сдвигом справа. |
.animation-from-bottom |
Появление сдвигом снизу. |
Как использовать
Рекомендуется использовать вместе с базовым классом .animation:
<div class="animation animation-from-left">...</div>
<div class="animation animation-from-right">...</div>
<div class="animation animation-from-bottom">...</div>
Пример
<div class="animation animation-from-left p-2 radius-1/3 bg-success color-on-success">
Появление слева
</div>
<div class="animation animation-from-right p-2 radius-1/3 bg-warning color-on-warning">
Появление справа
</div>
<div class="animation animation-from-bottom p-2 radius-1/3 bg-error color-on-error">
Появление снизу
</div>