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

Есть необходимость сделать анимацию поверх изображения (Что-то вроде точек-шумов), которые будут перемещаться по дуге. Как это можно сделать?
Вот какие мысли есть:
css-анимация: Взять большую png и transform: rotate + overflow: hidden на родителе. Выглядит как большой костыль (будут ли тратится ресурсы на отрисовку невидимой части?)
решине в лоб: каким-либо образом сделать gif
svg анимации?
вот мокап (полукруг внизу должен оставаться чистым):
f01ec4428f45492c8988c5da5a78219d.jpg
Стоит учесть что величина изображения 100vh/vw
Раньше не сталкивался с такими задачами, даже не знаю с какой стороны подойти.
  • Вопрос задан
  • 201 просмотр
Пригласить эксперта
Ответы на вопрос 1
iLeonidze
@iLeonidze
xbooster.ru
Насчёт CSS - вы думаете в очень правильном направлении, если я правильно понял Вашу цель. Но Вы должны понимать что это основательный костыль. Если бы Вы обрисовали задачу более конкретно, Вам бы здесь предложили бы более узкое решение.
Касательно нагрузки, это будет зависеть от самой картинки. Если не шибко большая, где-то до 4000X4000, то вполне потянет, а дальше уже могут пойти зависания, скорее всего.
Ответ написан
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Intspirit Краснодар
от 80 000 до 150 000 ₽
Sportrecs Москва
от 150 000 до 200 000 ₽
19 янв. 2021, в 09:21
123456 руб./за проект
19 янв. 2021, в 00:06
1000 руб./за проект