CSS Generator - Border Radius

       
save | reset
Code
border-radius:50px;
-moz-border-radius:50px;
-webkit-border-radius:50px;

Border

px
 


Border Radius

px
 

px
px
px
px

Box Shadow

 

Add more [+]

Background








%

%
px

px

Text Shadow

 

Add more [+]

Gradient

px px
% %



Add Stopper [+]

Transform





 



Transition


Animation

 

Image Filter

border-radius property is used to display rounded corners to HTML element. Border radius can apply even if the HTML element has no border.

border-radius:5px;
If you set one property then it will apply to all corners, But if you want set corner seprately then you have to specify each corner separately. Separate corner start clock wise direction from top-left corner

border-radius:5px 3px 4px 2px;

resources