WebGL/Three.js компонент

Нужно сделать компонент, который будет размывать то, что находится за ним

Требования:

1) На краях компонента не должно быть видно границ

2) Компонент должен быть прозрачный, допускается значение в альфа-канале 0.01%

3) Браузерная поддержка как у https://caniuse.com/css-backdrop-filter

4) WebGL, допускается Three.js

На верстке предполагается поднятие компонента через абсолют к верху контейнера. Готов рассмотреть более грамотные решения. В иделе, чтобы можно было фоновое размытие применять к самому контейнеру, чтобы не дублировать

Медиа:

1) Пример реализации в iOS

2) Каких границ НЕ должно быть

3) Где будет использоваться компонент, для полной картины

Оплата после демо через демонстрацию экрана/видео. По цене жду предложений от исполнителя

На карту любой страны, но не через крипту