请教一个前端的问题

2021-02-28 00:17:38 +08:00
 KasuganoSoras

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

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

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

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

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

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

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

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

© 2021 V2EX