Как правильно встроить анимацию на сайт?
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;
}