проблема CSS

[zALEHANz]

Стоит задача сделать блок с текстом, блок произвольной ширины и высоты. Требуется сделать скругление углов справа, но это скругление работает красиво, только если блок квадратной формы, если прямоугольной, то и скругление вытягивается. Пробовал на псевдоэлементе сделать, но он так же привязывается к высоте и ширине блока. Вот пример Для просмотра ссылки Войди или Зарегистрируйся . Нужно реализовать как в последнем примере видно. Использовать JS для определения высоты блока и присваивания его значения ширине и высоте псевдоэлемента - единственное что приходит на ум. Но хочется сделать на чистом CSS

 

[javx]

Тебе скругление углов или скругление ребра нужно?

 

[zALEHANz]

Про скругление ребра и не слышал. Так что однозначно ответить не могу. в примере четвертый блок визуально выглядит так как должно быть

 

[javx]

я тебя не понимаю.

.kv{
  background: red;
  height:100px;
  width:400px;
  border-radius:50px;
}
<div class="kv"></div>

чем тебе такое не подходит?

 

[zALEHANz]

Тем, что блок с контентом может иметь разную высоту, она не статична и зависит от контента. При изменении высоты скругление тоже едет

 

[zALEHANz]

Вот это шутка! Никогда бы не подумал! Для просмотра ссылки Войди или Зарегистрируйся указал очень большие значения border-radius и при изменении высоты блока скругление остается ровным