Ramin Hossaini's Blog

21Jun/07

Curvy Corners

curvyCorners is a free, excellent script written in Javascript that will create on-the-fly rounded corners for any HTML DIV element, that look as good as any graphically created corners.

Once the script is imported, it's easy to implement:

<script type="text/JavaScript">

window.onload = function()
{
settings = {
tl: { radius: 20 },
tr: { radius: 20 },
bl: { radius: 20 },
br: { radius: 20 },
antiAlias: true,
autoPad: false
}

var divObj = document.getElementById("myDiv");

var cornersObj = new curvyCorners(settings, divObj);
cornersObj.applyCornersToAll();
}

</script>

http://www.curvycorners.net/index.php

Related posts:

  1. jQuery.collapsible plugin
  2. glossy.js
Comments (0) Trackbacks (0)

No comments yet.


Leave a comment

(required)

No trackbacks yet.

Private
Bear