Soft Edges using CSS?

Question

I am using RGBA to create a transparent background that overlays on top of an image. Works just fine. My questions is this: Is there a way to \"soften\" the edges of the box to

Answer 1

It depends on what type of fading you are looking for.

But with shadow and rounded corners you can get a nice result. Rounded corners because the bigger the shadow, the weirder it will look in the edges unless you balance it out with rounded corners.

http://jsfiddle.net/tLu7u/

also.. http://css3pie.com/