CSS Elliptical Corners and Percents

Syntax

border-radius:x1 x2 x3 x4 / y1 y2 y3 y4;

Where:

x1 x2 x3 x4 are the horizontal radius for each corner (starting in top-left corner)
y1 y2 y3 y4 are the vertical radius for each corner

Example:


Border radius percents

border-radius:p1 p2 p3 p4 / q1 q2 q3 q4;

Where:

p1 p2 p3 p4 - percentages for the horizontal radius refer to the width of the border box
q1 q2 q3 q4 - percentages for the vertical radius refer to the height of the border box

Example: