serenity icon indicating copy to clipboard operation
serenity copied to clipboard

LibWeb: An initial implementation of `backdrop-filter`

Open MacDue opened this issue 3 years ago • 0 comments

This is an initial implementation of the backdrop-filter CSS property, there's still a few missing bits and a bunch of new FIXMEs, but it seems to work fairly well. See commits or the pretty pictures below:

LibWeb: image

Firefox: image


Performance with a backdrop-filter also seems okay for the most part. In the clip below I'm randomly scrolling up/down on a page with a grayscale() invert() blur(2px) filter on the header, and it does not feel that slow. In profiling it seems that about 10% of the time is spend doing the filtering (which I don't think is that bad).

screen-capture - 2022-09-03T155155.178.webm


Apologies for the girth of this PR

MacDue avatar Sep 03 '22 19:09 MacDue