Как сделать закругление картинки с одной стороны на css?

Question

[balex777]

Как сделать вот такое закругление снизу фото, как на картинке с помощь. CSS?

Answer 1

[Ray S]

border-top-left-radius — для верхнего левого угла;
border-top-right-radius — для верхнего правого угла;
border-bottom-left-radius — для нижнего левого угла;
border-bottom-right-radius — для нижнего правого угла (в твоем случае)

Comments

[balex777]

в углу получается закругление, как убрать ?

я сделал так
border-bottom-right-radius: 1500px 90px;

[Ray S]

Первое значение устанавливает радиус по горизонтали, а второе — радиус по вертикали, попробуй с ними поиграть или вообще оставить только одно значение) А вообще, я бы их точно уменьшила на твоем месте

Answer 2

[Александр Осадчий]

Есть более сокращенный вариант:

img { border-radius: 0px 0px 100px 0px; }

100px - правый нижний угол

Answer 3

[Дмитрий Хватов]

Можно сделать отдельный див-треугольник и разместить его там . Или можно в изображении сразу сделать это .