Как правильно встроить анимацию на сайт?
38 сообщений
#4 года назад
Был заказ - создать анимацию наподобие этой ссылкаЯ сделал её в after effects (ссылка), а вот как правильно ее экспортировать и в каком формате она вставляется на сайт, не перегружая его я не знаю.
Гипотеза, что каждый слой отдельно заливается на сайт, а сами ключи анимации тогда как прописываются?
Я не верстальщик-программист, а дизайнер. Буду рад каждому ответу специалиста)
11416 сообщений
#4 года назад
Варианта два - либо это сделать в качестве видео-заставки, либоделается много разных слоев, пишутся скрипты и css стили, это работа верстальщика.
Второй вариант в разы дороже.
38 сообщений
2 сообщения
#4 года назад
На css вся анимация div-ов : .animation_block .kran_left_bottom {- background: url(../images/kran_left_bottom.png) no-repeat;
- width: 58px;
- height: 77px;
- position: absolute;
- top: 359px;
- left: 697px;
- z-index: 2;
- -webkit-transform-origin: 50px 45px;
- transform-origin: 50px 45px;
- -webkit-animation: kran_left_bottom 9s infinite linear;
- animation: kran_left_bottom 9s infinite linear;
}