Using CSS3 rounded corners in practice

In this article, I am going to test CSS 3 rounded corners. I do want to know can I use them in practice in different browsers. Here are some examples of CSS3 rounded corners and if you can see some rounded corners – congratulations your browser supports them!

border-radius: 20px
border-top-right-radius: 20px
border-bottom-right-radius: 20px
border-bottom-left-radius: 20px
border-top-left-radius: 20px
border-radius: 30px 0 30px 0
border-radius: 10px 30px 10px 30px
border-radius: 20px 20px 5px 5px / 40px 40px 5px 5px

Browsers

Before CSS3 appeared, web developers had to use some combinations of DIV

Leave a Reply