RadCor
@RadCor
Если мой ответ вам помог, отмечайте его решением.

Как плавно перемещать блок по заданной кривой?

5a5a0fce05e73404937475.jpeg

Всем привет, возникла задача сделать определённую анимацию.
А именно перемещение круга от точки А в точку Б по конкретно заданно траектории.
Вначале реализовал это на CSS анимации, задавая ключевые точки и перемещая по ним фигуру.
Но проблема в том, что траектория которая мне нужна в виде дуги, и на CSS сложно красиво и плавно провести фигуру по такой траектории.
Уверен для этого есть какие-то jQuery библиотеки, буду признателен за любую информацию.

И конечно исходники, что бы наглядно понять суть дела.

https://jsfiddle.net/kr4gwybz/
  • Вопрос задан
  • 1761 просмотр
Решения вопроса 1
aliencash
@aliencash
Партизан
Поиграйте с настройками кривых Безье...
https://codepen.io/aliencash/pen/JMZmGK?editors=1100
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
webinar
@webinar
Учим yii: https://youtu.be/-WRMlGHLgRg
С траекториями проще всего юзать svg:
https://css-tricks.com/guide-svg-animations-smil/#...
https://codepen.io/SaraSoueidan/pen/184082960ac3cc...
А вот jquery plugin, что бы уйти от SMIL, но все равно траектория в svg, ведь это мега удобно:
https://www.jqueryscript.net/animation/jQuery-Plug...
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы