小程序clip-path: path()使用后没有效果;
path('M0.5,1 C0.5,1,0,0.7,0,0.3 A0.25,0.25,1,1,1,0.5,0.3 A0.25,0.25,1,1,1,1,0.3 C1,0.7,0.5,1,0.5,1 Z')的路径是svg里面导出来的。
.test {
height: 500px;
background: rgba(255, 255, 255, 0.36);
backdrop-filter: blur(4px);
position: absolute;
left: 0;
right: 0;
top: 76vh;
clip-path: path('M0.5,1 C0.5,1,0,0.7,0,0.3 A0.25,0.25,1,1,1,0.5,0.3
A0.25,0.25,1,1,1,1,0.3 C1,0.7,0.5,1,0.5,1 Z');
}
如果不支持clip-path: path()那有什么方法可以实现下图效果,
以为有毛玻璃效果,不能通过导出png实现,所以只能用代码写。
相关语法
遇到了相同的问题,请问您解决了吗
你做的这是啥项目?一起合作吗
在小程序这种效果我知道的也只能用图了,小程序里限制太多了,如果您找到更好的方案,请赐教一下。