CSS 边框半径第二个半径解释

Question

我正在https://developer.mozilla.org/en/docs/Web/CSS/border-radius阅读文档

边界半径属性似乎有第二个半径值，

/* The syntax of the second radius allows one to four values */
/* (first radius values) / radius */
border-radius: 10px 5% / 20px;

/* (first radius values) / top-left-and-bottom-right | top-right-and-bottom-left */
border-radius: 10px 5% / 20px 30px;

/* (first radius values) / top-left | top-right-and-bottom-left | bottom-right */
border-radius: 10px 5px 2em / 20px 25px 30%;

/* (first radius values) / top-left | top-right | bottom-right | bottom-left */
border-radius: 10px 5% / 20px 25em 30px 35em;

我知道边界半径属性，它的语法很短，但我不明白 '/' 之后的值是做什么的。

Answer 1

第一组值定义水平半径。可选的第二组值，以 '/' 开头，定义垂直半径。如果仅提供一组值，则它用于垂直和水平半径。