Hi. I'm Andrew - Filed under 'css3'

About Andrew Abogado

a web designer & front-end web developer who is very keen on the modern web.

Disclaimer

This notebook is Andrew Abogado's online journal to talk about or bookmark stuffs related with his field. Some opinion may not be shared or doesn't represent the company Andrew is working with. The content in this notebook is licensed under Creative Commons which means you are free to share & remix but under the condition of giving credit where credit is due.

For us web designers

External Links

Subscriptions

Filed under: css3

See all posts on posterous with this tag »

December 10, 2009

CSS3 rounded corners for every browser? An alternative quick solution without headache

The simpler and quick solution I know to draw rounded corners in every browser is to use a mix of CSS3 and JavaScript. CurvyCorners is a free JavaScript library for creating gorgeous rounded corners for HTML elements. The final result looks like this:
The big advantage of this script is that lets render rounded borders in Safari, Chrome and Mozilla (which support rounded borders via -webkit-border-radius and -moz-border-radius) natively with CSS3 property and in IE and Opera with JavaScript.