border radius and Rounded Corners with css

By | February 15, 2015

border radius and Rounded Corners with css

easy way for take round effect & radius corners with css for all browser.

and you take different type  round effect easily.

code
code
code
code

Standard Css:

-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px; /* future proofing */


Individual Corners:

-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 20px;
-moz-border-radius-bottomright: 30px;
-moz-border-radius-bottomleft: 0;

-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 20px;
-webkit-border-bottom-right-radius: 30px;
-webkit-border-bottom-left-radius: 0;


Shorthand:


border-radius: 10px 20px 30px 0;

use any where and enjoy this code for your website.

thanks

Leave a Reply

Your email address will not be published. Required fields are marked *