Question

我为网页设计了所有内容都是由非矩形，多边形，尖锐的边缘组成的...我认为哪种方法更适合使用，用css或带边框剪切路径？我问是因为我在其他网站上看到他们正在使用边框技术来制作形状。

为什么不像CSS这样简单的剪辑路径？

<pre>
.triangle {
    clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
}
</pre>

代替此：

<pre>
.triangle {
    width:0;
    border-bottom:solid 50px black;
    border-right:solid 30px transparent;
    border-left:solid 30px transparent;
}
</pre>

Answer 1

使用边框。不是剪切路径

这是因为根据https://caniuse.com/#search=clip-path

大多不支持clip-path

如果您不介意您的网站无法在IE和Edge中正常运行，而只能在部分其他浏览器（带有前缀）中运行，则可以使用剪切路径。

三角形或类似形状的剪切路径或边界吗？

1 个答案: