带深度信息的下雨特效的实现 上一篇技术文章three.js 模拟真实海洋（超详细教程，炫酷海洋） - 掘金 (juejin.cn) 发布后，获得了许多小伙伴的收藏，如果还没有看的可以去看看，效果真的很

前段时间在浏览网页的时候看到一个很炫酷的特效，就是通过波纹来产生视觉视差从而吸引用户，留住用户。之后我抱着试试看的心态，找了一些资料，用CSS实现了一个简易的DEMO效果，可以把它称为炫酷波纹效

最近，有群里在群里发了这么一个非常有意思的卡片 Hover 动效，来源于此网站 -- key-drop，效果如下： 非常有意思酷炫的效果。而本文，我们不会完全还原此效果，而是基于此效果，尝试去制作这么