Initial solution of Css3.border-radius

1-4 Length| % 1-4 Length| %;
This is the complete syntax for Border-radius on W3school, but note that when we use it, we do not write '/' to the right, so the browser will be equal before and after, so we will make rounded borders

What if they are written out, but not equal?

Div
{
width:300px;
height:100px;
Background-color: #ff9900;
-moz-box-shadow:10px 10px 5px #888888; /* Old Firefox */
Border-radius:2em 1em 4em/0.5em 3em;
}

As you can see, we are making irregular fillets. where '/' before the horizontal radius, followed by the vertical radius.

In the code above, "Border-radius:2em 1em 4em/0.5em 3em;" is equivalent to

Border-top-left-radius:2em 0.5em;border-top-right-radius:1em 3em;border-bottom-right-radius:4em 0.5em; Border-bottom-left-radius:1em 3em;

Initial solution of Css3.border-radius