235788 2022-01-28 07:36:02 -0800 css/css-backgrounds/animations/border-image-source-interpolation.html has failures 2026-01-12 09:06:27 -0800 1 1 1 Unclassified WebKit Animations WebKit Nightly Build Unspecified Unspecified NEW https://bugs.webkit.org/show_bug.cgi?id=235787 BrowserCompat, InRadar P2 Normal --- 232087 1 graouts webkit-unassigned dino graouts karlcow nmouchtaris webkit-bug-importer oldest_to_newest 1834941 0 graouts 2022-01-28 07:36:02 -0800 css/css-backgrounds/animations/border-image-source-interpolation.html has 50 failures, we need to investigate and fix them. 1837384 1 webkit-bug-importer 2022-02-04 07:36:19 -0800 <rdar://problem/88488364> 1999492 2 karlcow 2023-12-13 22:30:42 -0800 Antoine, These failures are weird. They happen mostly when "border-image-source" is set * from "inherit" * to something else and the window.getComputedStyle value returns a surprising "cross-fade()" For example: CSS Transitions and CSS Animations <border-image-source> from [inherit] to [url(http://wpt.live/support/orange_color.png)] at (-0.3) should be [url(http://wpt.live/support/orange_color.png)] but it returns cross-fade( url(http://wpt.live/support/green.png), url(http://wpt.live/support/orange_color.png), -0.3 ) Why the cross-fade() ? This happens only when the starting value is inherit and different from 0 For inherit and 0, it has a different error expected: url(http://wpt.live/support/orange_color.png) actual: url(http://wpt.live/support/green.png) For inherit and 1, they PASS Web Animations seem to be mostly working apart of a couple of things. CSS Animations tests from image to image mostly fail in the intermediate steps (so except for 0 and 1 which is a PASS). 1999709 3 graouts 2023-12-14 13:59:20 -0800 This is because we treat most of the image types in CSS as animatable when they are not. The `cross-fade()` value is a representation of blending two images. The issue is that WebKit feels those specs should be updated to make those properties animatable.