Задать вопрос
Lizard-108
@Lizard-108
Ящерица
css

Как сделать css анимацию по заданной траектории?

Нужно анимировать объект по заданной траектории.
38d0931b7762452c9aac8868d80817fe.jpg

Как это сделать?
  • Вопрос задан
  • 1613 просмотров
Комментировать
Подписаться 1 Оценить Комментировать
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Профессиональная вёрстка на HTML и CSS
    3 месяца
    Далее
  • Stepik
    Основы HTML и CSS
    2 недели
    Далее
  • OTUS
    HTML/CSS
    3 месяца
    Далее
Решения вопроса 1
Ivanq
@Ivanq
Знаю php, js, html, css
Пару ссылок по анимации: learn.javascript.ru, w3schools.com.
Примерно так: определяете основные точки (например, так)
b0720a43048041c69d0abf3f553cf1f6.png
Затем указываете координаты.
Сейчас попробую набросать пример.

UPD Вот пример со "сглаживанием". А вот без. Разница заметна - в первом случае получается чуть более "криво".
Ответ написан
Комментировать
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

Похожие вопросы
Вакансии с Хабр Карьеры
React разработчик
ITK academy • Нижний Новгород
от 80 000 до 120 000 ₽
Web-разработчик
ЭНДИ Консалтинг
от 40 000 до 40 000 ₽
Backend разработчик
Страна карт • Киров
от 150 000 до 250 000 ₽
Ещё вакансии