CODEWITHSUNDEEP
image-processingdartflutterfilteringfluent-design
Rolando Urquiza
Rolando Urquiza

Reputation: 1450

How to achieve oversaturated effect with flutter

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.

Upvotes: 2

Views: 406

Answers (0)

Related Questions