本文介绍了如何使用CSS filter属性实现独特的融合效果。通过模糊和对比度调整，让元素交叠区域产生粘稠感。文章通过实例展示了如何定义圆并应用模糊、对比度等滤镜，帮助读者理解CSS滤镜的创意应用。
首先灰常感谢 你所不知道的 CSS 滤镜技巧与细节 。我看完这个filter属性后还是迷迷糊糊的。因为不清楚能干什么。但看完这篇文章的例子后发现filter属性真的很厉害。
现在记录一些我的理解。
融合效果
如果你想直接看动图效果建议去上面的文章看，因为我不会做动图。不过可以大致截个图。
前面的图是有融合效果的，那正常的如果两个圆交叠是什么样子的呢？
就是这个样子，你们可以对比一下，发现了么？
为什么会有这种粘稠的感觉呢？他是先通过模糊，让一定区域内都有颜色，然后当两个圆交汇的时候，两个颜色融合也会形成颜色。然后再通过加强对比度，让边缘颜色不深的地方变得不明显，这样就形成了粘稠的效果。不懂？来上步骤。
<!doctype html>
<html lang="zh">
<head>
<style>
.base {
background: #f
最低0.47元/天 解锁文章
扫一扫
285
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
