Для тех кому тоже стало любопытно, как это в браузере делается: https://codepen.io/alexandermzchiu/pen/jOyyNKR?editors=1100 Это на чистом CSS, и, как видим, управлять радиусом таким способом не так удобно. Поэтому есть всевозможные решения на базе JS, в том числе с использованием ультра-современных API браузера, например это: https://css-houdini.rocks/smooth-corners/ (эта демка в Firefox и на iOS не работает, но в Chrome последней версии на ПК вроде всё ОК)
Для тех кому тоже стало любопытно, как это в браузере делается:
https://codepen.io/alexandermzchiu/pen/jOyyNKR?editors=1100
Это на чистом CSS, и, как видим, управлять радиусом таким способом не так удобно. Поэтому есть всевозможные решения на базе JS, в том числе с использованием ультра-современных API браузера, например это:
https://css-houdini.rocks/smooth-corners/
(эта демка в Firefox и на iOS не работает, но в Chrome последней версии на ПК вроде всё ОК)