【文件属性】：
文件名称：smooth-corners:带有Houdini APICSS超椭圆形蒙版
文件大小：149KB
文件格式：ZIP
更新时间：2021-04-29 23:54:11
css diamond square circle curve
光滑的角落
使用 API的超级椭圆蒙版
演示版
具有几个不同的- --smooth-corners值和一个交互式编辑器
用法
CSS
将mask-image: paint(smooth-corners)到要蒙版的元素上
默认（Squircle）
. squircle {
mask-image : paint (smooth-corners);
-webkit-mask-image : paint (smooth-corners);
background : # d01257 ; /* So you can see it */
}
自定义曲率
您可以使用CSS变量来自定义蒙版曲率。 这可以在选择器本地范围内定义，也可以在:root {}全局定义
--smooth-corners: X[, Y]
X-浮动，X轴的曲率
Y-浮动，Y轴的曲率（可选，默认为X轴）
X值形状
0
【文件预览】：
smooth-corners-master
----paint.js(2KB)
----package.json(984B)
----.github()
--------images()
--------workflows()
----sandbox.config.json(27B)
----index.html(18KB)
----LICENSE(1KB)
----.npmignore(84B)
----.gitignore(17B)
----.browserslistrc(25B)
----README.md(4KB)
----yarn.lock(163KB)
----.mdlrc(35B)