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