The "Try out a demonstration" site, http://curvycorners.jstarcher.com/, does not work in IE8 and only partially works in IE9 & 10. I could not get it to work on my own site but gave up after the demo failed.

Comments

lightsurge’s picture

lightsurge commented

The corners of the blocks are rounded for me on the website in IE, so some of it seems to work. I couldn't get this effect on my own identical clean 7.x install site until I noticed that the css on the demo page is inline, and it seems it has to be, otherwise you have to target the elements you want curving in javascript.

But as to the rest of the examples on there, they're not very good examples. Because there's an image example, and curvycorners doesn't support images, and in the header example, there's elliptical radii set, which curvycorners also doesn't support. So really the demo page is showing of CSS3 rather than curvycorners.

<img> elements cannot be rounded using curvyCorners. Instead, use a <div> element and set the image as the background-image of the <div>.

Elliptical radii (e.g. border-radius:1em/2em;) are not supported. The first dimension will be understood as the only dimension.

From http://www.curvycorners.net/instructions/

lightsurge’s picture

lightsurge commented

Also it seems the selector to target the header is no good for curvycorners, adjusting it to #header.with-secondary-menu worked for me, although 'worked' isn't exactly the right word because that's when I found out curvycorners didn't support elliptical radii, 'it did something' is probably a better explanation ;)