@TheRevan

Как анимировать картинку по траектории?

Есть слайдер: 76f43c92f9.jpg Необходимо, чтобы перед сменой слайда (на первом и втором) иконка пробегала путь по заданной траектории за не более чем 0.5 сек
То есть буквально перед сменой слайда будет задержка. Как это реализовать?
  • Вопрос задан
  • 112 просмотров
Решения вопроса 1
KickeRocK
@KickeRocK
Делаете её абсолютом, в кейфреймах задаёте координаты для каждой стадии, задаёте время анимации 4.5s
Пример
Проверяете индекс(0 или 1), вешаете обработку "before change" на слайдер, preventDefault, timeOut 5000, вешаете класс с анимацией на слайд, триггерите смену слайда
Второй вариант через svg анимировать всю траекторию, суть таже только вместо фреймов сразу вязать на js
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Archeads Inc. Москва
от 2 000 до 2 500 usd.
Webimatic Санкт-Петербург
от 120 000 руб.
от 60 000 до 120 000 руб.
19 авг. 2019, в 11:14
2500 руб./за проект
19 авг. 2019, в 10:57
2000 руб./в час
19 авг. 2019, в 10:43
15000 руб./за проект