CSS Generator - Border Radius

       
save | reset
Code

Border

px
 


Border Radius

px
 

px
px
px
px

Box Shadow

 

Add more [+]

Background




keyword  
% (percent)  
px (pixel)

%
%
px
px

Text Shadow

 

Add more [+]

Gradient

px px
% %



Add Stopper [+]

Transform





 



Transition


Image Filter

Animation

 


function

CSS Border Radius

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;


comments powered by Disqus