Web designers out there! Have you ever wanted to have rounded corners on the web pages you design but without the use of ugly GIFs or IE-troublesome PNGs? I’ve got good news for you and it’s called jQuery Corners. Have a look at the screenshot below:
This nifty little jQuery plugin will allow you to have anti-aliased rounded corners on your design without the hassle of creating images or worrying about browser compatibility. Note that it’s just a jQuery plugin which means that you’ll also need the jQuery library which you can get for free.
How does jQuery Corners do it?
Well, first it checks if the browser supports rounded corners and if so uses the browser’s built-in rounded corners support. If the browser however doesn’t support rounded corners, then jQuery Corners uses its own algorithm to emulate rounded corners. I took a look at the algorithm’s generated code and it looks like it’s using DIVs with varying width and colors to do to the trick. Simple and elegant but most of all it works.
Give it a try for yourself - jQuery Corners
