How to make image rectangle have special curves not symmetry?-CodePudding

How i can make the image rectangle become curve but not symmetry like below image:

I used border-radius but the curve of left-side isn't look like much

CodePudding user response：

Try targeting specific corners using CSS properties such as

.imageclass {
 border-top-left-radius: 50px;
 border-bottom-left-radius: 50px;
}

(note imageclass is the class you give it in the HTML)

CodePudding user response：

try giving width height and border radius like this

.box {
  width: 100px;
  height: 150px;
  border-radius: 10px 15px 20px 25px;
}