如何创建来自右上角的响应式发光？

Question

我正在尝试在 css 中从右上角发出光晕，与此类似：

我尝试使用 filter:blur() 制作一个 div 并将其定位为绝对，但这会导致我的视口出现问题，因为这也必须具有响应能力。

有谁知道如何实现这一点？

Answer 1

使用滤镜：模糊但只需添加以下内容：

top: 0;
right: 0;

如果您希望它具有响应式大小，请添加以下内容：

height: 100vh;
width: 100vw;