@cater98

Как сделать такую анимацию?

668acae1bc9f2622453249.png

Анимация изображения должна выглядеть таким образом чтобы пунктирная линия проходила перед фото человека в нижней части и заходила за него в верхней. Реализовать нужно так, чтобы изображение человека было не разделено на части, так как оно будет в последующем загружаться из админки сайта. Пунктирная линия должна плавно вращаться вокруг человека.
  • Вопрос задан
  • 209 просмотров
Пригласить эксперта
Ответы на вопрос 2
semenovstyle
@semenovstyle
Использовать маску, придется к каждой картинке дополнительно подгружать подготовленную маску.
Ответ написан
Комментировать
Разрезаете пунктирную линию на 2 svg (в условии же не было не разрезать пунктир?)
Через z-index одну размещаете впереди картинки, вторую позади.
Позиционируете их, чтобы правильно стыковались.
Анимируете CSS-свойство stroke-dashoffset
Ответ написан
Комментировать
Ваш ответ на вопрос

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

Похожие вопросы
28 нояб. 2024, в 10:57
50000 руб./за проект
28 нояб. 2024, в 10:52
10000 руб./за проект