border-radius 長方形+半円の作り方

長方形+半円の作り方で忘れないための備考録

.rectangle {
    border-radius: 9999px;
}

上記でもいいが、9999pxというのは嫌なので、
以下書き方でも長方形+半円のデザインが実現可能。

.rectangle {
    border-radius: calc(Infinity * 1px);　// calc(1px / 0)
}