请教一个前端的问题

2021 年 2 月 28 日
 KasuganoSoras

大佬们好,我想问一下,通过 css,js 之类的方式在纯色的背景上做出雨滴效果,这可能吗?

我在网上找了好几个例子,还有 Raindrops.js 一类的东西,但是无一例外都是需要有一张背景图片,然后将图片变成模糊效果后才能在上面加雨滴效果,一般都是靠 canvas 之类的。

想问一下有什么办法能在纯色(例如白色)上做出雨滴的效果吗?想给自己的博客加点有意思的东西,谢谢了

3283 次点击
所在节点    程序员
7 条回复
nttisthebest
2021 年 2 月 28 日
一张 gif 搞定😂,为什么一直纠结 js,css
Perry
2021 年 2 月 28 日
你用纯色当背景图片不行吗
love
2021 年 2 月 28 日
别这样,在背景加这种效果 CPU 一定是 100%,没人愿意在风扇会起飞的博客上停太长时间
动画效果应该是有动作的时候可以有,静态阅读时不应该有
supermao
2021 年 2 月 28 日
我也觉得博客胡里花哨的没必要
KasuganoSoras
2021 年 2 月 28 日
@love #3 @supermao #4 啊,不是这个意思的,我是想在一个单独的页面加这种效果,不是每个页面都加,主要是好玩
楼上说的 gif 挺有道理……我去找找看有没有透明底色的 gif 吧
rodrick
2021 年 2 月 28 日
我记得之前看过有人发那种下雪的效果,反正基本电脑性能大爆炸
supuwoerc
2021 年 3 月 1 日
放图吧 不然内存会暴涨的

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/756852

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX