Gradient Transparency Of Object In Raphaeljs

I'm trying to get a rectangle partly transparent where the left part is opaque while the right part is more transparent if you go into that direction. This works in Firefox, Chrome

Solution 1:

This can’t be fixed. It is a limitation of VML and Raphaël.

However you can reduce width of the rectangle to get desired effect. To get semitransparent rect you should apply .attr({fill: "0-#000-#000", opacity: 0}); and then play with a width of the rectangle.