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

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

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

Похожие вопросы