Примеры реализаций





Анимация объектов с использованием собственного кода

 

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)");

Функция возвращает исходный цвет фона.



Пример анимации