文件名称：smooth-corners:带有Houdini APICSS超椭圆形蒙版
文件大小：149KB
文件格式：ZIP
更新时间：2024-05-19 17:40:51
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)