Repository navigation
CSS3 filter support [$300] #1428
Description
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 on this issue. Add to the bounty at Bountysource.
Reacted by Aaron Ullal, Dom Gaud, Bruno d'Auria, Jan Marsh, Bolutife Lawrence, c1ngular, Joe Irizarry, Todd Anglin, felixkrautschuk, Diego Julião and 27 more
Reacted by Zip and Sanved Tapkeer
Reacted by Morten Sjøgren, c1ngular, Ludwik Trammer, Altin Selimi, James, Bilal SAKAH, Zip, Sanved Tapkeer and Rodrigo Seiji Piubeli Hirao
Activity
enchev commentedon Jan 26, 2016
Hey @Ivshti,
Very good suggestion - added as backlog!
[-]Image/background effects[/-][+]CSS3 filter support[/+]40x commentedon Nov 8, 2016
@enchev any update on this yet?
patrickpereira commentedon Jan 28, 2017
+1
viniciodeltoro commentedon Feb 23, 2017
+1
toddanglin commentedon Mar 3, 2017
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 commentedon May 12, 2017
Are there any updates, is this feature already planned for a future release?
Would be definately a nice addition for the NativeScript framework.
sserdyuk commentedon May 25, 2017
@enchev Is there a way to vote for it other than leaving another comment? I'm definitely interested!
Cayan commentedon May 25, 2017
@sserdyuk they use this: https://nativescript.ideas.aha.io
sanved77 commentedon Jul 10, 2019
This would definitely be a very useful feature
[-]CSS3 filter support[/-][+]CSS3 filter support [$300][/+]vanderjuh commentedon Aug 21, 2019
Is there any news about this topic? I really would like to have this possibility in my next projects. Thanks, guys :)
cxrtisxl commentedon Aug 30, 2019
imnikkielyn commentedon Sep 9, 2019
Haha still not updated :(
markus-gx commentedon Sep 12, 2019
Need this one too.. Any other alternative so far?
BeBrito2004 commentedon Jun 14, 2023
Still nothing?
vallemar commentedon Jun 14, 2023
@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 commentedon Jun 16, 2023
@vallemar thank you!
feat: add CSS3 filter support
feat: CSS3 filter support (#1)
triniwiz commentedon May 5, 2026
Currently pending #11091
Asobu01 commentedon May 5, 2026
I can take #1428.
Start: reproducing the UI/layout issue and isolating the component/state that causes it.
ETA: draft PR in ~8h.
Deliverables: minimal UI fix aligned with current UX; quick before/after validation notes; PR with clear change summary. @Asobu01
Asobu01 commentedon May 5, 2026
Quick follow-up on
NativeScript/NativeScript#1428. I am still ready to start immediately and can post the first repro/checklist note before the draft PR if helpful. If you want me on this one, I can begin now. (@Asobu01)