Три значения скругления для разных углов в CSS

Если задано три значения, то первое значение задает скругление для верхнего левого угла, второе - одновременно для верхнего правого и нижнего левого, а третье - для нижнего правого угла:

<div id="elem"></div>

#elem { width: 300px; height: 100px; border: 1px solid red; border-radius: 10px 20px 30px; }

uz ru