收藏
回答

小程序不支持clip-path: path()吗?

小程序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实现,所以只能用代码写。

相关语法

回答关注问题邀请回答
收藏

3 个回答

  • 鹏
    2022-05-12

    遇到了相同的问题,请问您解决了吗

    2022-05-12
    有用
    回复 1
    • Qiu (吉²)
      Qiu (吉²)
      2022-05-12
      没有。改用svg了,但是svg又不尺寸滤镜效果,也是无语了。
      2022-05-12
      回复
  • COOL
    COOL
    2022-03-15

    你做的这是啥项目?一起合作吗

    2022-03-15
    有用
    回复
  • 养乐多💍
    养乐多💍
    2022-03-08

    在小程序这种效果我知道的也只能用图了,小程序里限制太多了,如果您找到更好的方案,请赐教一下。

    2022-03-08
    有用
    回复
登录 后发表内容