One of the many features of CSS3 that has brought excitement to a lot of web designers and developers (myself included), is the border-radius property.
Obviously, the most ideal way to implement border-radius is to gracefully degrade to sharp corners for browsers that do not yet (or ever will) support the border-radius property. This method presents a great deal of benefits for everyone: easier maintenance, less bandwidth used and fewer HTTP requests.
Sadly though, unless you have an awesome relationship with a client, it’s not always easy to convince them of the benefits of doing this, especially if they’ve seen the design showing what it should look like. So I thought, “is there any methods I can use so that users of modern browsers can start using this property while others use good ol’ background images?” Well, I’ve found a scenario where this can be done.
Continue reading