HTML and CSS Reference
In-Depth Information
Er, OK, there's a little extra markup involved
with CurvyCorners, but it's not like I had to
write all that HTML myself. Although it was
a bit of a pain having to attach a script, it
wasn't that much effort on my part.
Still, there'll be a
performance impact on the
browser when scrolling
or resizing, due to having
thousands of extra
elements in the DOM
.
With the CSS3 approach,
the browser takes care of it all in
the background and may even hand off
the processing to graphics hardware
rather than render shadows itself.
CSS3 isn't
supported in every
browser yet, and web
authors will be dealing
with old versions of
some browsers
for years.
On the other hand,
the CurvyCorners approach
will work on nearly every
browser out there, including
old versions of Internet
Explorer.
That's true,
but you can easily detect
support for border radius
with JavaScript and only
run the CurvyCorners script
on browsers without
support.
_
Browsers
that support border-radius
will get faster and lighter
weight pages. everyone else
won't see anything amiss.
_
