css-triggers icon indicating copy to clipboard operation
css-triggers copied to clipboard

`filter` property is missing

Open surma opened this issue 9 years ago • 13 comments

surma avatar Feb 22 '16 17:02 surma

in the same vein, it would be great to get the color legend for Layout, Paint, Composite back as well. screenshot 2016-02-22 11 09 25

Thanks so much for this resource!

rachsmithcodes avatar Feb 22 '16 19:02 rachsmithcodes

I think he rather talked about the css property named filter.

But I support your idea too, it would be much clearer.

Elindorath avatar Mar 22 '16 10:03 Elindorath

+1

tkmoney avatar May 06 '16 00:05 tkmoney

+1

followdarko avatar May 13 '16 11:05 followdarko

+1

tvler avatar Jun 03 '16 04:06 tvler

The search bar (for filtering the list of properties) has been added to csstriggers.com :)

surma avatar Jun 03 '16 11:06 surma

Started to test this (in case no one else is working on it), but I have a question.

This is vendor-prefixed in Blink, but not Edge/Gecko/Webkit. As such, should there be two entries in the matrix, one for -webkit-filter and one for filter?

brianblakely avatar Jul 20 '16 17:07 brianblakely

I don’t think we are using prefixes anywhere else so I’d say just call it filter for all browsers.

I assume @paullewis will stop me if I’m wrong ;)

surma avatar Jul 21 '16 12:07 surma

Any progress on this? I've been asked for a PR involving filter: blur() if it has perf/battery problems based on many articles between 2012-2016 on mobile battery life and perf issues. Pretty sure mobile hardware has come a long way even for low end devices, along with software(OS and browsers) improvements. Majority accelerate blur via GPU now right?

Any advice on how to profile?

polarathene avatar Dec 31 '18 18:12 polarathene

did anyone find out whether the filter property would require the browser to re-paint.

Jab2870 avatar Jul 26 '19 14:07 Jab2870

@Jab2870 yes, filter require browser repaint

vkrbt avatar Nov 20 '19 18:11 vkrbt

Could filter property be added to list? Looks like property supported by all browser engines

vkrbt avatar Nov 20 '19 18:11 vkrbt

I see a comment noting that a re-paint is required. Does transition-property: filter; require a re-flow as well?

Jared-Dev avatar Jun 03 '20 15:06 Jared-Dev