Javascript Curvy Corners Mootools Version

What is CurvyCorners?

A free JavaScript library for creating gorgeous rounded corners for HTML block elements i.e. DIVs. Supports anti-aliasing, borders and background images.

Currently Firefox, Safari and Chrome have limited support for the proposed CSS3 border-radius selector.

This is an awesome library, simply include the script tag and code your css with CSS3 rounded corner properties and it automatically detects IE and rounds the corners for you.

Script tag:

<script src="js/curvycorners-moo.js" type="text/javascript"></script>
Sample CSS:
.navbar {width: 980px; border: 1px solid #555; -moz-border-radius:3px; -webkit-border-radius:3px; }

For more information please see the authors home page: http://www.curvycorners.net/

Mootools Version

There is an addEvent inside the Curvy Courners JS module, I replaced this with Mootools code so it no longer causes a conflict.

  curvycorners-moo.zip (30.4 KiB, 249 hits)