css border-radius 属性 中的“/”是什么意思？

Question

我正在寻找一些弯曲的页脚，结果遇到了 this one

然后我看到它在border-radius 属性上使用了一个“/”，这是什么意思？

Answer 1

/用于分隔水平和垂直半径的值。

转述自W3C：斜线前的值将设置水平半径，斜线后的值将设置垂直半径。如果没有给出半径，那么两个半径将相等。

要了解水平和垂直半径的工作原理，您可以在相关角（例如 top-left 角）上绘制四分之一圆。如果将 border-radius 设置为： border-radius:1000px 0 0 0 /90px 0 0 0;，水平半径将拉伸 1000px，从而将 top-left 角的曲线向右拉伸 1000px。垂直半径将拉伸 90px，因此 top-left 角的曲线将向下拉伸 90px。

您可以查看此 article 以获得其他解释。