CSS Border Radius

Ex 1 :
—————————————-
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;

Ex 2 – Without Top Right:
———————————-
-webkit-border-radius: 5px;
-webkit-border-top-right-radius: 0;
-moz-border-radius: 5px;
-moz-border-radius-topright: 0;
border-radius: 5px;
border-top-right-radius: 0;

Ex 3 – Without Top Right & Left:
———————————-
-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;

Ex 4 – Without Top Right & Left + Bottom Right :
————————————————
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-left-radius: 5px;

Note : Mostly This is supported in Firefox.

Below CSS Radius Generator, This is all your reference. Kindly check below URL.
More Best Css Border Radius URL : http://border-radius.com/

Leave a Reply

© 2020 Spirituality