Tweet
Another jQuery Curvy Corners Update
I’ve added a new version of the popular curvy corners plugin. This version removes the problem of extra padding within boxes (by using negative margins), works in IE7 and Safari, and loads faster. The downside is that the packed version has a larger filesize; to reduce the /packer/ overhead I did not encode it, but you can repack if you want a smaller file.
The official page is here and the demo page is here. Enjoy!
Found this post useful? Why not buy me a coffee!
Related Entries
- No related posts found
William Chang says:
I really enjoy using your jQuery version of curvy corners. Thanks! You’re the best!
Comment made on May 25, 2008 at 10:36 pm
Mike Jolley says:
Thankyou =)
Comment made on May 27, 2008 at 10:22 am
Luke Brookhart says:
I’m having an issue with curvy corners.
Nested divs inside the div with the rounded corners are not filling the width of the rounded corner container. Therefore, if I have a div that has a solid border inside a div with rounded corners, the bordered div isn’t the full width of the containing div. It is only as large as the content inside the next div, which is out of place.
Comment made on June 18, 2008 at 3:23 am
Ilya Novoselov says:
I download latest version (1.5 is latest, isn’t it?). Still rounding enlarges box. Is it intended?
Comment made on July 3, 2008 at 6:59 pm
Ilya Novoselov says:
Uh… I mean then I round a box, it becomes bigger with extra padding.
Comment made on July 3, 2008 at 7:00 pm
Ilya Novoselov says:
Well. It goes as this: if I specify height in pixel, it becomes 16 px taller. Also, in xhtml-strict mode these added borders become transparent (except corners).
Comment made on July 3, 2008 at 7:06 pm
Keith Lawler says:
Hello. Thanks for the great plugin! I had one issue that I resolved and wanted to share it here with you. I am doing a bunch of AJAX where some elements have already been treated with your rounded corners radness and I when I ajax in some new elements I didn’t want other divs on the page to be “rounded” again. My fix was to add alter your source and add this check:
// Curvy corners
function curvyObject() {
this.box = arguments[1];
+ if($(this.box).hasClass(‘has_rounded_corners’)) {
+ return false;
+ } else {
+ $(this.box).addClass(‘has_rounded_corners’);
+ }
…
All is working great. Hope this helpful to someone.
Best and THANKS!
Keith.
Comment made on July 26, 2008 at 8:00 pm