CSS篇

实现思路 实现这样的效果，需要用一段同样的文字盖上去，而且盖上去的文字部分需要用一个行盒标签包裹。因为盖上去的这段文本并不需要被看见，只需要用文本把行盒撑开（以达到把原来的文本1:1覆盖的效果）……

backdrop-filter用法跟filter差不多，不同的是backdrop-filter只会对元素的背景起作用，不会影响元素本身。

CSS竟然可以写出这么逼真的水滴效果~CSS竟然可以写出这么逼真的水滴效果~CSS竟然可以写出这么逼真的水滴效果~源码

空白折叠发生在行盒（行块盒）内部或者行盒（行块盒）之间。 因为img默认是行盒布局，img与img之间是换行的会折叠生成空格，因此产生间歇。 如果imgb标签不换行就不会产生间歇，如下： 解决方案：