Below is the code I'm trying :

```
ShaderMask(
          shaderCallback: (rect) {
            return LinearGradient(
              begin: Alignment.topCenter,
              end: Alignment.bottomCenter,
              colors: [Colors.black, Colors.transparent],
            ).createShader(Rect.fromLTRB(0, 0, rect.width, rect.height));
          },
          blendMode: BlendMode.dstIn,
          child: Image.asset('assets/image.jpg'),
        ),

```

I have already used shader masks before so I knew it will work on android IOS. Below is the result (correct one) :

[![enter image description here](https://i.stack.imgur.com/NWEqf.png)](https://i.stack.imgur.com/NWEqf.png)

But this is the result I get when I try the same code on flutter web :

[![enter image description here](https://i.stack.imgur.com/I2YvG.png)](https://i.stack.imgur.com/I2YvG.png)

Am I doing something wrong or is this an issue from the side of Flutter ? And it is a Flutter web side issue, the is there a workaround for this ? I want to achieve the above android result. (Image Fading from below).