Анимация при появленииlink

https://dev.ru.simai.io/ru/ui/utility/animation/animation.php

При помощи пакета классов animation в SIMAI Framework вы можете задать анимацию, которая будет срабатывать при появлении элемента в зоне видимости окна браузера. Также есть возможность указать бесконечный повтор анимации.

Классы и их значенияlink

Класс	Значение
animation	Запускает анимацию при появлении элемента в зоне видимости (аналог функционала класса wow из прошлой версии).
infinite	Повторяет анимацию бесконечно.

Описаниеlink

Используя класс animation, элемент будет анимирован при появлении в зоне видимости окна браузера. Если добавить к нему класс infinite, анимация будет повторяться без остановки.

Синтаксисlink

Использование модификатора: {animation} и при необходимости {infinite}

<div class="animation infinite">
    Этот блок анимируется при появлении и делает это бесконечно.
</div>

Пример использованияlink

<div class="animation p-2 radius-1/3 bg-primary color-on-surface-inverse">
    Появляюсь с анимацией!
</div>

<div class="animation infinite p-2 radius-1/3 bg-secondary color-on-surface-inverse">
    Появляюсь с анимацией и повторяюсь бесконечно!
</div>