Rounded Corners with JS and CSS

If you want rounded corners on your DIVs and are in a hurry, then you should try Curvy Corners.

Curvey Corners is great because it offers an easy solution that even works in WYSIWYG editors like Dreamweaver, which is perfect for the complete novice.

To get started you only need to do 3 things:

1. Create the DIV and assign it a class name and style it accordingly
2. Include the CC JS script in the HEAD
3. Amend the onLoad JS to reflect the desired settings and the associated class name

You can even use the same script to re-style multiple DIVs on your webs page, making your web pages a totally curvaceous and awesome delight to behold.

Great features of CC include the fact that it is free, produces anti-aliased corners, allows full borders, provides auto-padding, can be configured with easy-to-understand JS object, corner-by-corner user-defined radii, and has fluid height and width support.

Enjoy!

This entry was posted on Monday, August 11th, 2008 at 12:07 pm and is filed under Web Design & Dev. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.