社区精选 | 圆角大杀器，使用滤镜构建圆角及波浪效果

今天小编为大家带来的是社区作者 chokcoco 的文章，在这篇文章他介绍了一种使用滤镜去构建圆角的独特方式。让我们一起来学习吧~本文，将另辟蹊径，介绍一种使用滤镜去构建圆角的独特方式。首先，我们来看这样一个图形：一个矩形，没什么特别的，代码如下：div {        width: 200px;        height: 40px;        background-color: #000;}如果，我们现在需要给这个矩形的两端加上圆角，像是这样，该怎么做呢：So easy，不过就是加个 border-radius 而已：div {        width: 200px;        height: 40px;  + border-radius: 40px;        background-color: #000;}好，那如果，不再是直线，而是一条曲线，希望曲线两端，带有圆角，像是这样，又该怎么办呢：到这，基本上触及了传统 CSS 的天花板，想通过一个属性搞定这个效果是不太可能了 ………………………………