How to set the shape of the top-left corner in percentage ?
By the help of border-top-left-radius property we can round the left top corner of shape. border-top-left-radius property is employed around the high left corner of a part.
The property takes in one or 2 values that outline the radii of the 1 / 4 oval that defines the form of the corner of the outer border edge (see the diagram below). The primary worth is that the horizontal radius, the second the vertical radius. If the second worth is omitted it’s traced from the primary. If either length is zero, the corner is square, not rounded.
border-top-left-radius: length / % / initial / inherit;
Percentages for the horizontal radius sit down with the dimension of the border-box, whereas percentages for the vertical radius sit down with the height of the border-box and negative values are not allowed as a value of this property.