@TheRevan

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

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

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

Войти через центр авторизации
Похожие вопросы
08 апр. 2020, в 21:19
10000 руб./за проект
08 апр. 2020, в 20:18
35000 руб./за проект
08 апр. 2020, в 19:41
2000 руб./за проект