Post

Tuto

Free

BG
Afiqah Junizan

Tutorial : Border Radius
27/08/2012 | 1 comments

Basic things that you should know.


Border Radius

border-radius: 40px 40px 40px 40px;
-moz-border-radius: 40px 40px 40px 40px;
-webkit-border-radius: 40px 40px 40px 40px;


Border Radius (ii)

border-radius: 40px 40px 0px 0px;
-moz-border-radius: 40px 40px 0px 0px;
-webkit-border-radius: 40px 40px 0px 0px;


Border Radius (iii)

border-radius: 40px 0px 0px 40px;
-moz-border-radius: 40px 0px 0px 40px;
-webkit-border-radius: 40px 0px 0px 40px;


Border Radius (iv)

border-radius: 40px 0px 40px 0px;
-moz-border-radius: 40px 0px 40px 0px;
-webkit-border-radius: 40px 0px 40px 0px;


Border Radius (v)

border-radius: 56px 12px;
-moz-border-radius: 56px 12px;
-webkit-border-radius: 56px 12px;


Border Radius (vi)

border-radius: 36px 50px 50px 36px / 12px 30px 30px 12px;
-moz-border-radius: 36px 50px 50px 36px / 12px 30px 30px 12px;
-webkit-border-radius: 36px 50px 50px 36px / 12px 30px 30px 12px;



Border Radius (vii)

width:200px;height:200px;
border-radius:200px;
-moz-border-radius: 200px;
-webkit-border-radius: 200px;
OLDERNEWER