Как реализовать такую анимацию фона?

Question

[Игорь Луговской]

Как реализовать такую анимацию фона не на tilda?)
https://boredbrand.io/main

Comments

[Антон Шаманов]

чисто в плане дизайна идея так себе - постоянно сбивает фокус у читателя

[Vitaliy Grabchak]

1. Анимируете разные цветные шейпы на странице
2. Поверх всех шейпов располагаете шейп размером на весь блок
3. Делаете его почти прозрачным, добавляете backdropfilter: blur и css noise
done
Можно сделать почти 1:1

Если нужно, могу скинуть пример с готовыми стилями)

[Игорь Луговской]

Vitaliy Grabchak, спасибо за ответ!)
Я как раз, так и сделал только без backdropfilter.

Answer 1

[Саша]

Игорь Луговской к сожалению используется видео.

Можно реализовать с помощью background, задав размер больший чем у блока, далее передвигать фон с помощью css animate, на родителя задать css blur

Comments

[Игорь Луговской]

Так и полагал что это видео, но допускал возможность какой-то другой реализации с помощью какой либо библиотеки.

[Саша]

Игорь Луговской, сделайте сами по описанному мною альтернативному варианту.