How to achieve oversaturated effect with flutter

398 Views Asked by At

I'm creating an flutter widget that adds an acrylic background accodring to the fluent spec. According to that page there are a few layers other than the blurred image in the acrylic effect, but, given that this could be very expensive I just wish to add the blurred layer and the oversaturated effect according to the last css snippet of this article.

backdrop-filter: blur(30px) saturate(125%);

I now know that I can add the blur effect using this:

BackdropFilter(
  filter: ImaFilter.blur(sigmaX: 30, sigmaY: 30),
  child: child,
)

What I need to do now is to add the oversaturated layer.

0

There are 0 best solutions below