Использование анимации Edge CSS3 отдельно на одном сайте - PullRequest
Новая
       7

Использование анимации Edge CSS3 отдельно на одном сайте

0 голосов
/ 28 февраля 2012

В эти дни я изучаю анимацию CSS3 и надеюсь, что смогу использовать персонажа с этого сайта: http://andrew -hoyer.com / эксперименты / ходьба / для создания простой анимации перфорации.

Мне было интересно, есть ли у вас какие-либо идеи о том, как включить несколько краевых проектов в одну веб-страницу?

Пока это мой проект: http://www.filedropper.com/dummy3

По сути, я надеюсь создать анимацию в Edge, включить ее в обычный веб-сайт и запускать / останавливать анимации с помощью внешнего JavaScript.

Надеюсь, это имеет смысл:)

1 Ответ

1 голос
/ 01 марта 2013

Если вы посмотрите на API Adobe Edge Edge, в нем описывается, как объединить несколько композиций на одной странице. http://www.adobe.com/devnet-docs/edgeanimate/api/current/index.html

в настоящее время для этого нет средства автоматизации. это означает, что вы должны сделать эти изменения самостоятельно. это вопрос изменения файла html для ссылки на различные композиции, которые вы собираетесь использовать.

поэтому вы добавляете предварительные загрузки: 

<!--Adobe Edge Runtime-->
<script type="text/javascript" charset="utf-8" src="composition_one_edgePreload.js"></script>
<script type="text/javascript" charset="utf-8" src="composition_two_edgePreload.js"></script>
<!--Adobe Edge Runtime End-->

затем убедитесь, что у каждой композиции есть этап: 

<div id="stageOne" class="EDGE-1010101"></div>
<div id="stageTwo" class="EDGE-8338338"></div>

надеюсь, это поможет.

...