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

第一组值定义水平半径。可选的第二组值(前面带有“/”)定义垂直半径。如果仅提供一组值，则它将用于垂直和水平半径。