Друзья мои, только отойдя от алкоголя и 2х годичного запоя, вспомнил, что есть такое чудо как css и внутренняя анимация без файлов, флеша, гифов и так далее. Моих познаний 2011 года хватило, чтобы заставить картинку двигаться вперед и назад на css, но как ее заставить двигаться по траектории не могу понять.

Если есть профи в этом деле, хотел бы проконсультироваться. Пример: в моей подписе форум 5ка, на ней футер сделан из svg и плавник плавает в анимации, но по прямой. А хочется задать свой рисунок движения. Если кто направит, буду рад.

За урок профессиональный готов заплатить.

а там акула жопой вперед плавает?
а, блин... это ж пятерка...

Originally Posted by kerk

а там акула жопой вперед плавает?
а, блин... это ж пятерка...

Да там не суть кто это)) суть понять принцип траектории)))

ну если "по траектории"...
то наверное можно как то и плавник развернуть в обратную сторону?
типа

    -moz-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";

горизонтальное отражение картинки

Originally Posted by kerk

ну если "по траектории"...
то наверное можно как то и плавник развернуть в обратную сторону?
типа

Да, согласен, логично плавник при реверсе разворачивает картинку, но это на втором плане, сначала хочется чтобы плавник плавал по акватории реки, можно и рандомно, но нужна траектория.

Но несомненный плюс, завтра, попробую разворачивать его.

Оффтоп

@artscripts, красивый футер) мне маркофка понравилась

Оффтоп

Originally Posted by Kurbatov

@artscripts, красивый футер) мне маркофка понравилась

Да просто хотелось отойти от бонального текста кто автор перевода ))

Можно свою анимацию создать.
Вот по такому типу https://habrahabr.ru/company/nordavind/blog/209462/

Для родителя задаешь position: relative, а для движущегося элемента position: absolute и в анимации указываешь позицию типа top, left, right, bottom

@Sven, Спасибо, обязательно посмотрю. Меня пока интересует не столько задержки или прямолинейное движение, а именно построение движения по определенной траектории. Примерно представляю как это делается, но пока не получается реализовать. Но в любом случае спасибо, полистаю, вдруг натолкнет на мысль.