Острые края и закругленные границы с использованием CSS? ⇐ CSS

[Гость]

Я пытаюсь создать элемент div с закругленной границей. Мне известно об использовании border-radius, но я заметил, что использование этого свойства приводит к искривлению только углов, например верхнего правого, верхнего левого и т. д., поэтому мне было интересно, есть ли какое-нибудь свойство для изогните сторону элемента div, что-то вроде border-radius для верха, вниз, влево и вправо.

Например, элемент div с прямой вершиной , снизу и слева, но с закругленной правой стороной. я хотел бы создать правую сторону, чтобы она была более закругленной вверху, чем внизу.

Моя цель — создать элемент div с закругленной правой стороной, который будет не влияет на верхнюю и нижнюю стороны. я имею в виду, что кривая с правой стороны должна остановиться, как только она достигнет верхней или нижней стороны. (чтобы верх и низ оставались прямыми, а не слегка изогнутыми).

Есть ли способ получить этот эффект с помощью CSS?


Источник: https://stackoverflow.com/questions/161 ... -using-css