[Webkit-unassigned] [Bug 264966] [GTK] Slow CSS animations with more than 2 large images cause dropped frames

[bugzilla-daemon at webkit.org]

https://bugs.webkit.org/show_bug.cgi?id=264966

--- Comment #6 from Calvin Walton <calvin.walton at kepstin.ca> ---
Hi, I'm the author of the affected page.

I figured out the particular thing that was causing the performance issue - I was using a CSS transition with `transition-property: transform, filter;` set, and then transitioning from `filter: opacity(0%);` to `filter: opacity(100%);` and vice-versa. It looks like the opacity filter is hitting a very slow software fallback.

When I changed the page to transition the `opacity` property rather than use a filter, performance improved substantially. The current version of the links posted earlier reflect this updated.

The original version of the page which exhibits this issue has a permanent link here: https://www.kepstin.ca/dump/loupe-crossfade-demo/stacked-webkitgtk-filter.html

-- 
You are receiving this mail because:
You are the assignee for the bug.
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.webkit.org/pipermail/webkit-unassigned/attachments/20231116/765c052f/attachment.htm>