只有HTML和CSS就足够。向下滚动以获取更多信息。
我使用了3张编码为base64字符串的模糊小图像
它们彼此叠放。第一张用作主背景,另外两张作为伪元素上的背景。它们以略微不同的速度、相反方向旋转。
::before 元素使用 mix-blend-mode: hard-light。
::after 元素使用 mix-blend-mode: lighten。
页眉还应用了以下滤镜:
saturate(6):增强涟漪细节。sepia(1):让整体呈现为同一色调。hue-rotate(0) 与 hue-rotate(360) 之间做动画切换,以循环变换颜色。通过一些调整,你可以获得更多的效果...