何需要着色器?

只有HTML和CSS就足够。向下滚动以获取更多信息。

这是如何工作的?

我使用了3张编码为base64字符串的模糊小图像

它们彼此叠放。第一张用作主背景,另外两张作为伪元素上的背景。它们以略微不同的速度、相反方向旋转。

::before 元素使用 mix-blend-mode: hard-light

::after 元素使用 mix-blend-mode: lighten

页眉还应用了以下滤镜:

更多参考

通过一些调整,你可以获得更多的效果...