Чтобы использовать процентные значения для расчёта радиуса скругления в CSS, нужно указать значение свойства border-radius. 23

Если значение задано в процентах, то оно будет высчитываться от размеров элемента: 2 горизонтальные размеры — от ширины элемента, а вертикальные — от высоты. 2 При этом за 100% берётся ширина или высота элемента с учётом внутренних отступов (padding) и рамки (border). 3

Пример: если для левого нижнего угла указать 10%, то на скругление уйдёт 10% нижней части рамки и 10% левой части рамки. 1 Если указать 50%, то на скругление уйдёт по половине длины сторон рамки. 1 А если указать 100%, то на скругление уйдёт вся нижняя сторона и вся левая сторона рамки. 1

Скругление в процентах можно указывать как для всех углов, так и для каждого угла отдельно. 1