JQuery Curvy Corners Demo page

Overview
Examples
Download

Overview

The "Curvy corners" script was orgionally developed by Cameron Cooke, I (Mike Jolley) have since modified it for use in JQuery. The end result is a JQuery optimised file, much smaller in size, and working perfectly. Packed it is just 9kb in size!

History

19th November 2008 - Fixed Anti-Alias
7th October 2008 - Major overhaul to improve compatibility with other plugins
9th August 2008 - Few fixes and enhancements
18th July 2008 - Now works in IE6,7, safari, and all other modern browsers. Fixed centering bug.
19th May 2008 - No extra padding, safari fixed, larger filesize to reduce overhead and increase speed.
6th March 2008 - Can now have different padding amounts for each side (top, left, right, bottom). Lots of fixes. Happy.
5th March 2008 - Bottom bar fixed when applying background image tile. Also fixed padding bug (bottom).
21st November 2007 - More Bugs fixed in IE7
29th September 2007 - Bugs fixed in IE7, file size now 28kb uncompressed!

Known Issues

You can only align tiled background images to the top; there is NO way to make it work when they are bottom aligned (at least 5 hours trying yielded no results!)
CSS Transparentcy does not work in IE do to browser limitations; use a png background image instead
Fixed - ~~Transparent boxes mess up in IE7~~
Color names (e.g. Red) instead of hexadecimal values for borders will cause CurvyCorners to break in IE6 and IE7

The following examples demonstrate what the JQuery plugin can do! View source to see how it was done.

Luctus et ultrices posuere cubilia Curae; Cras justo. Pellentesque auctor, ipsum vitae laoreet bibendum, pede pede bibendum diam, id volutpat est dolor id nisl. Praesent a eros. Donec pharetra. Donec feugiat consectetuer orci.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam luctus, velit eget consequat condimentum, quam est venenatis lacus, nec convallis lectus orci id eros. Donec mattis. Sed lacinia mi sit amet erat. Duis ultrices arcu. Sed ornare mattis purus. Suspendisse potenti. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Cras justo. Pellentesque auctor, ipsum vitae laoreet bibendum, pede pede bibendum diam, id volutpat est dolor id nisl. Praesent a eros. Donec pharetra. Donec feugiat consectetuer orci.

You can download the files from the official blog post here.

Alternatively, here is the direct link!