#192·iCSS

圆角大杀器，使用滤镜创建圆角和波浪效果！

作者: chokcoco创建于 2022年7月11日更新于 2026年4月2日

标签奇技淫巧原理SVG滤镜

First, let's look at this figure:

xml

<div class="g-container">
    <div class="g-content">
        <div class="g-filter"></div>
    </div>
</div>
```css
.g-container {
    position: relative;
    width: 300px;
    height: 100px;
    
    .g-content {
        height: 100px;
        
        .g-filter {
            height: 100px;
            background: radial-gradient(circle at 50% -10px, transparent 0, transparent 39px, #000 40px, #000);
        }
    }
}

内容来源: chokcoco/iCSS

查看 GitHub 原文在 GitHub 查看讨论