我们都知道使用 border-radius
属性可以在纯 CSS 中实现圆 Angular 。是否也可以具有任意的 Angular 形状,特别是使用立方贝塞尔曲线?
最佳答案
这绝对是通过使用 CSS 屏蔽来实现的。如果您只关心形状(因此,不关心使用 CSS border
属性时获得的颜色/厚度/等),那么设置“边框形状”与使用“剪裁”相同mask”,由 border-radius
设置的形状只是用“圆 Angular 矩形” mask 进行裁剪。
html5rocks.com有很多以这种方式完成的绝对疯狂的边框形状的例子。
关于带有贝塞尔曲线的 CSS 边框,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28583988/