Rounded Corners in Internet Explorer

A free JavaScript library for creating gorgeous rounded corners for HTML block elements i.e. DIVs. Supports anti-aliasing, borders and background images.
As you know already Firefox will let you create rounded corners without using images by simply implementing something simular to this in your styles:

.round    { -moz-border-radius:12px; -webkit-border-radius:12px; }

To get this same effect with IE simply include the following line in your header:

<script type="text/javascript" src="curvycorners.src.js"></script>

CurvyCorners detects the usage of “-webkit-border-radius” and “moz-border-radius” on DOM elements and works its magic to duplicate the effect in IE using a series of small DIVs. There are no images involved.

Download View Demo

  • Share/Bookmark

You can follow any responses to this entry through the RSS 2.0 feed.