Home & blog  /  2010  /  Jun  /  view post  /

curveMe - cross-browser curvy corners

posted: 04 Jun '10 10:22 tags: Javascript, curvy-corner, jQuery, PHP, GD

Curvy corners. Nice concept, shame about the lack of cross-browser method. You've got border-radius for Opera and a few others, -moz-webkit for Firefox, and, er, nowt for IE. Well, there's the jQuery curve() plugin, but that's not without its quirks and faults.

So I've built a plugin which enables curvy corners in all browsers, using a mixture of Javascript DOM-scripting and PHP GD (so make sure this is on your server; it's normally there by default).

Head over here to download, get usage info or view a demo.

It runs on any element that you give a particular class structure to, made up of a flag, the corner sizes and the colour of the border (if the latter isn't set, your border and curves will be the same colour as the element's computed background colour), i.e.

class='curveMe-20,20,20,20-#00659d'

post new comment

Comments (0)