Примеры реализаций
Анимация объектов с использованием собственного кода
CMS Smart Engine позволяет использовать собственный код при взаимодействии пользователя с объектом.
Для настройки анимации выберите объект → перейдите в панель настроек анимации → вкладка "Анимация при взаимодействии" → из списка типов анимации выберите "Своя функция" → затем перейдите на вкладку "Настройки" → пропишите код анимации.
Пример использования простейшей анимации (изменение цвета фона).
JavaScript функция:
$(this).css({"transition" : "all .5s", "background-color" : "rgb(36, 120, 187)"});
Функция добавляет эффект плавности transition и изменяет фон.
JavaScript функция (при завершении):
$(this).css("background-color", "rgba(148,185,218,1)");
Функция возвращает исходный цвет фона.