Hi Inkscape Community,

I'm working on a project where I need to create a transparent overlay with a gradient effect (from fully opaque to fully transparent) on an image. I'm struggling to get the desired result.

Here’s what I’ve tried so far:

1. Created a rectangle and applied a gradient to it.
2. Attempted to use the rectangle as a mask over the image, but the transparency doesn’t seem to apply correctly.

Could someone guide me on the proper steps to achieve this? I’m looking for a smooth transition and want the transparency to blend seamlessly.

Thank you in advance for any advice or tips!

Best regards,
 

(Link deleted by moderator)

The gradient needs to go from full flat black (0% opacity( to full flat white (100% opacity) when used as a mask: