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

You can use CSS gradient - although there are not consistent across browsers so You would have to code it for every one

Like that: CSS3 Transparency + Gradient

Gradient should be more transparent on top or on top right corner (depending on capabilities)