Вы когда-нибудь попадали в тупик, пытаясь анимировать свойство, не поддерживаемое Hype API? Потребность в другом механизме анимации возникает, когда setElemenProperty не поддерживает свойство или вам нужны встроенные обратные вызовы или функции, такие как ошеломление. То, что нам нужно сделать, если мы используем другой анимационный движок, — это сообщить Hype, что мы это сделали (по крайней мере, для доступных нам значений). Следующая функция делает именно это:
Эта функция будет вызываться после завершения вызова anime.js:
Кроме того, left и top являются translateX и translateY, если вы не включили устаревший параметр слева/сверху на панели документов. Если ваши цели anime.js включают в себя только другие элементы, то шаг синхронизации не требуется! Но не беспокойтесь, если вы вызовете syncHypeToAnime для элементов, не являющихся рекламными, поскольку функция синхронизации игнорирует элементы, не относящиеся к рекламным.
Развлекайтесь с anime.js
Скачать пример:
Anime-Example.hype.zip (25,3 КБ)
