Will’s Blog

I was browsing around the net last night and found a link to an interesting resource which shows you how to get rounded corners for your web page elements without resorting to the need of using transparent gif images to replace the corners to make it “look” rounded.

First off, have a look at this page:

http://pro.html.it/esempio/nifty2/nifty10js.html

Looks pretty promising, and you can see that they’ve been able to create this effect on all modern browsers (IE6/IE5.5/FireFox/Opera/Safari).

Here’s the article that I was looking at:

http://pro.html.it/print_articolo.asp/id_599/stampa.html

It appears that the author has utilised both JavaScript and CSS to generate the rounded effect!

Cool

Also, it appears with this solution you can specify which corners you want rounded. And if you don’t have JavaScript turned on, you’ll still get the content and everything, but you lose the rounded corners.

This entry was posted on Monday, August 29th, 2005 at 10:37 am and is filed under General, JavaScript. You can follow any responses to this entry through the RSS 2.0 feed. Responses are currently closed, but you can trackback from your own site.