CSS3 filter support [$300]

[Ivshti]

It would be great if visual effects could be applied to elements/backgrounds/images, such as blur, grayscale, etc.

Perhaps CSS3 filter implementation or some other API?

For example:

Page#test {
  filter: blur(20);
  background-image: url("res://test");
}

Would blur the entire Page element.

--- There is a **[$300 open bounty](https://www.bountysource.com/issues/30183985-css3-filter-support?utm_campaign=plugin&utm_content=tracker%2F12908224&utm_medium=issues&utm_source=github)** on this issue. Add to the bounty at [Bountysource](https://www.bountysource.com/?utm_campaign=plugin&utm_content=tracker%2F12908224&utm_medium=issues&utm_source=github).

[enchev]

Hey @Ivshti,

Very good suggestion - added as backlog!

[40x]

@enchev any update on this yet?

[patrickpereira]

+1

[viniciodeltoro]

+1

[toddanglin]

This would be a very powerful "nice to have" capability! Would enable some cool new ways of styling {N} apps. Adding my +1.

Notably, the only plugin available for image filters today is Android only. Adding this to CSS after 3.0 would help extend capabilities to iOS. https://github.com/bradmartin/nativescript-image-filters

[felixkrautschuk]

Are there any updates, is this feature already planned for a future release? Would be definately a nice addition for the NativeScript framework.

[sserdyuk]

@enchev Is there a way to vote for it other than leaving another comment? I'm definitely interested!

[Cayan]

@sserdyuk they use this: https://nativescript.ideas.aha.io

[sanved77]

This would definitely be a very useful feature

[vanderjuh]

Is there any news about this topic? I really would like to have this possibility in my next projects. Thanks, guys :)

[k0rean-rand0m]

+

[imnikkielyn]

Haha still not updated :(

[markus-gx]

Need this one too.. Any other alternative so far?

[BeBrito2004]

Still nothing?

[vallemar]

@BeBrito2004 use this for blur, very easy !! https://twitter.com/vallemar89/status/1641473917964668928?t=bgDPCyq4z1YknlCz093Gxg&s=19

Also, this plugin implement filters css https://triniwiz.github.io/nativescript-plugins/api-reference/image-cache-it.html#installing

[BeBrito2004]

@vallemar thank you!