V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
• 请不要在回答技术问题时复制粘贴 AI 生成的内容
KasuganoSoras
V2EX  ›  程序员

请教一个前端的问题

  •  
  •   KasuganoSoras ·
    kasuganosoras · 2021-02-28 00:17:38 +08:00 · 2573 次点击
    这是一个创建于 1398 天前的主题,其中的信息可能已经有所发展或是发生改变。

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

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

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

    7 条回复    2021-03-01 10:31:47 +08:00
    nttisthebest
        1
    nttisthebest  
       2021-02-28 01:11:00 +08:00 via iPhone
    一张 gif 搞定😂,为什么一直纠结 js,css
    Perry
        2
    Perry  
       2021-02-28 01:39:12 +08:00 via iPhone
    你用纯色当背景图片不行吗
    love
        3
    love  
       2021-02-28 11:10:23 +08:00   ❤️ 1
    别这样,在背景加这种效果 CPU 一定是 100%,没人愿意在风扇会起飞的博客上停太长时间
    动画效果应该是有动作的时候可以有,静态阅读时不应该有
    supermao
        4
    supermao  
       2021-02-28 11:19:35 +08:00
    我也觉得博客胡里花哨的没必要
    KasuganoSoras
        5
    KasuganoSoras  
    OP
       2021-02-28 11:38:49 +08:00
    @love #3 @supermao #4 啊,不是这个意思的,我是想在一个单独的页面加这种效果,不是每个页面都加,主要是好玩
    楼上说的 gif 挺有道理……我去找找看有没有透明底色的 gif 吧
    rodrick
        6
    rodrick  
       2021-02-28 17:47:14 +08:00
    我记得之前看过有人发那种下雪的效果,反正基本电脑性能大爆炸
    supuwoerc
        7
    supuwoerc  
       2021-03-01 10:31:47 +08:00
    放图吧 不然内存会暴涨的
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   4588 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 23ms · UTC 04:03 · PVG 12:03 · LAX 20:03 · JFK 23:03
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.