Curved CSS Borders

3d Animation

If you want to add rounded corners and edges to elements on your website use the border-radius CSS property to add curved corners to boxes, panels, and images.

All corners - use 

border-radius: 20px; (with a 20-pixel radius)

For individual corners use

border-top-left-radius: 20px;
border-top-right-radius: 20px;
border-bottom-left-radius: 20px;
border-bottom-right-radius: 20px;

You can also change the border ellipse angle using 2 parameters

border-radius: 20px 30px;