请教一个前端视效的思路： rainymood.com 首页雾气毛玻璃效果

https://github.com/SardineFish/raindrop-fx

这个？

控制开 Source raindrop-fx-master ，里面的源码都没有混淆，下载下来流程跑一下就知道了

rainymood 也是用的这个开源项目：raindrop-fx https://github.com/SardineFish/raindrop-fx

感谢楼上各位大佬！

天天问大模型，搜索能力都下降了
我找到这个，以为要自己写雾气-_-||
https://github.com/rocksdanister/rain.git

做一个 GIF ，作为背景

F12 一点点删去元素（如果删错了就 ctrl+Z 撤销），最后剩一下一个 <canvas id="canvas" width="996" height="1328"></canvas> 且效果还在，并且删掉后没有效果。即和这个 canvas 有关

然后，去网络（ Network ），搜索 #canvas （# 是 id ），找到代码，没有混淆，关键内容大概下面这些。然后顺着 RaindropFX 去搜索引擎找就行了

<script src="/raindrop-fx-master/bundle/index.js"></script>

<canvas id="canvas"></canvas>

const canvas = document.querySelector("#canvas");
const raindropFx = new RaindropFX({
canvas: canvas,
background: "/i/bz/4.jpg",
});

raindropFx.start();

感谢~