chrome 浏览器下 css3 + clip-path 属性进行图片裁剪的时候会出现问题

如图

clipboard.png

设计师要求将图片裁剪成梯形,于是使用了 clip-path 这个属性,但是发现在配合css3 transform 使用的时候会出现图上面的bug 在火狐下预览则没有问题。请问有什么解决方法吗?或者有其他方法可以将图片裁剪成梯形吗

阅读 2.5k
2 个回答

直接用图片不行么?

解决方案:
mask
或者
两个不透明的三角形进行遮挡

推荐问题