我试图了解this网站中的效果是如何制作的,但我似乎找不到任何东西。
我基本上需要自己的渐变背景图像(与网站中使用的非常相似),就像在用户光标控制的网站中一样流动。
从开发工具中我可以看到使用了某个“pixi app”库,很可能是https://pixijs.com/所以我尝试查看演示,但找不到任何与我需要的远程类似的东西.
我什至不知道这个效果叫什么,如果它有一个名字开头的话..
我很抱歉没有任何代码添加到这个问题,但我不知道该写什么。
如有任何帮助,我们将不胜感激
谢谢你!
不确定,但我认为他们没有使用图像作为背景。这是他们使用的渐变标签,此外他们还使用了pixi.js。不熟悉它,但我看到过一些很酷的图形。你可以尝试制作一个更简单的光标效果,基本上它会模糊其后面的屏幕。作为替代方案,您可以研究 framer ,但如果还没有,请先尝试制作更简单的效果。
<monopo-gradient color1="#16254b" color2="#23418a" color3="#aadfd9" color4="#e64f0f" colorsize="0.75" colorspacing="0.52" colorrotation="-0.381592653589793" colorspread="4.52" coloroffset="-0.7741174697875977,-0.20644775390624992" displacement="5" seed="0.18" position="-0.2816110610961914,-0.43914794921875" zoom="0.72" spacing="4.27" noretina="true" class="c-PixiIntro-gradient" style="height: 650px;">…</monopo-gradient>