分割が関係している場合、ボーダー半径プロパティの説明を理解するのが苦労しています。Mozilla's分割によるボーダー半径
例：
/* (first radius values)/top-left | top-right | bottom-right | bottom-left */
border-radius: 10px 5%/20px 25em 30px 35em;
Iは最初の値10pxが半径の幅であり、5%の高さを知っています。 /に続く数字の影響を受けていない
1つのサンプル：https://jsfiddle.net/wvyesszq/1/
次の2つの方向（水平/垂直）における半径で二つの値（したがって最大8つの値である）隅々を与えることができます。
私は、次の写真は完璧にそれを説明すると思う：
値の最初のセットは、水平方向の半径を定義します。オプションで、 '/'で始まる2番目の値セット（divisonではない）は、垂直半径を定義します。 の値が1セットしか供給されていない場合は、これらは垂直半径と水平半径の両方に使用されます（混乱の原因は明らかです）。
あなたが間違っていた - あなたの例では、10pxは、左上と右下の水平半径です。 5%は、右上と左下の水平半径です。 '/'の後の4つの値は、左上、右上、右下、左下の垂直半径です。
覚えておいてください：両方のサイトには、（ '/'の前に）簡略表記がありますので、実際には2〜8の値をすべて持つことができます）。
border-radiusのドキュメントをご覧ください。