LibWeb: Implement interpolation of border-image-slice style values

This commit is contained in:
Tim Ledbetter 2025-09-13 08:56:08 +01:00 committed by Jelle Raaijmakers
commit 19577b966e
Notes: github-actions[bot] 2025-09-13 10:06:16 +00:00
3 changed files with 198 additions and 180 deletions

View file

@ -14,6 +14,7 @@
#include <LibWeb/CSS/StyleComputer.h>
#include <LibWeb/CSS/StyleValues/AngleStyleValue.h>
#include <LibWeb/CSS/StyleValues/BackgroundSizeStyleValue.h>
#include <LibWeb/CSS/StyleValues/BorderImageSliceStyleValue.h>
#include <LibWeb/CSS/StyleValues/CalculatedStyleValue.h>
#include <LibWeb/CSS/StyleValues/ColorStyleValue.h>
#include <LibWeb/CSS/StyleValues/FontStyleStyleValue.h>
@ -1174,6 +1175,24 @@ static RefPtr<StyleValue const> interpolate_value_impl(DOM::Element& element, Ca
return BackgroundSizeStyleValue::create(*interpolated_x, *interpolated_y);
}
case StyleValue::Type::BorderImageSlice: {
auto& from_border_image_slice = from.as_border_image_slice();
auto& to_border_image_slice = to.as_border_image_slice();
if (from_border_image_slice.fill() != to_border_image_slice.fill())
return {};
auto interpolated_top = interpolate_value(element, calculation_context, from_border_image_slice.top(), to_border_image_slice.top(), delta, allow_discrete);
auto interpolated_right = interpolate_value(element, calculation_context, from_border_image_slice.right(), to_border_image_slice.right(), delta, allow_discrete);
auto interpolated_bottom = interpolate_value(element, calculation_context, from_border_image_slice.bottom(), to_border_image_slice.bottom(), delta, allow_discrete);
auto interpolated_left = interpolate_value(element, calculation_context, from_border_image_slice.left(), to_border_image_slice.left(), delta, allow_discrete);
if (!interpolated_top || !interpolated_right || !interpolated_bottom || !interpolated_left)
return {};
return BorderImageSliceStyleValue::create(
interpolated_top.release_nonnull(),
interpolated_right.release_nonnull(),
interpolated_bottom.release_nonnull(),
interpolated_left.release_nonnull(),
from_border_image_slice.fill());
}
case StyleValue::Type::Color: {
ColorResolutionContext color_resolution_context {};
if (auto node = element.layout_node()) {

View file

@ -2,9 +2,9 @@ Harness status: OK
Found 56 tests
17 Pass
39 Fail
Fail Compositing: property <border-image-slice> underlying [1 2 3 4] from add [1 2 3 4] to add [101 102 103 104] at (-0.25) should be [0]
19 Pass
37 Fail
Pass Compositing: property <border-image-slice> underlying [1 2 3 4] from add [1 2 3 4] to add [101 102 103 104] at (-0.25) should be [0]
Fail Compositing: property <border-image-slice> underlying [1 2 3 4] from add [1 2 3 4] to add [101 102 103 104] at (0) should be [2 4 6 8]
Fail Compositing: property <border-image-slice> underlying [1 2 3 4] from add [1 2 3 4] to add [101 102 103 104] at (0.25) should be [27 29 31 33]
Fail Compositing: property <border-image-slice> underlying [1 2 3 4] from add [1 2 3 4] to add [101 102 103 104] at (0.5) should be [52 54 56 58]
@ -18,7 +18,7 @@ Fail Compositing: property <border-image-slice> underlying [100 200 300 400 fill
Fail Compositing: property <border-image-slice> underlying [100 200 300 400 fill] from add [100 fill] to add [200 300 500 fill] at (0.75) should be [275 450 700 650 fill]
Fail Compositing: property <border-image-slice> underlying [100 200 300 400 fill] from add [100 fill] to add [200 300 500 fill] at (1) should be [300 500 800 700 fill]
Fail Compositing: property <border-image-slice> underlying [100 200 300 400 fill] from add [100 fill] to add [200 300 500 fill] at (1.25) should be [325 550 900 750 fill]
Fail Compositing: property <border-image-slice> underlying [1 2 3% 4%] from add [1 2 3% 4%] to add [101 102 103% 104%] at (-0.25) should be [0 0 0% 0%]
Pass Compositing: property <border-image-slice> underlying [1 2 3% 4%] from add [1 2 3% 4%] to add [101 102 103% 104%] at (-0.25) should be [0 0 0% 0%]
Fail Compositing: property <border-image-slice> underlying [1 2 3% 4%] from add [1 2 3% 4%] to add [101 102 103% 104%] at (0) should be [2 4 6% 8%]
Fail Compositing: property <border-image-slice> underlying [1 2 3% 4%] from add [1 2 3% 4%] to add [101 102 103% 104%] at (0.25) should be [27 29 31% 33%]
Fail Compositing: property <border-image-slice> underlying [1 2 3% 4%] from add [1 2 3% 4%] to add [101 102 103% 104%] at (0.5) should be [52 54 56% 58%]

View file

@ -2,232 +2,231 @@ Harness status: OK
Found 434 tests
260 Pass
174 Fail
Fail CSS Transitions: property <border-image-slice> from neutral to [10%] at (-0.3) should be [23%]
Fail CSS Transitions: property <border-image-slice> from neutral to [10%] at (0) should be [20%]
Fail CSS Transitions: property <border-image-slice> from neutral to [10%] at (0.3) should be [17%]
Fail CSS Transitions: property <border-image-slice> from neutral to [10%] at (0.5) should be [15%]
Fail CSS Transitions: property <border-image-slice> from neutral to [10%] at (0.6) should be [14%]
434 Pass
Pass CSS Transitions: property <border-image-slice> from neutral to [10%] at (-0.3) should be [23%]
Pass CSS Transitions: property <border-image-slice> from neutral to [10%] at (0) should be [20%]
Pass CSS Transitions: property <border-image-slice> from neutral to [10%] at (0.3) should be [17%]
Pass CSS Transitions: property <border-image-slice> from neutral to [10%] at (0.5) should be [15%]
Pass CSS Transitions: property <border-image-slice> from neutral to [10%] at (0.6) should be [14%]
Pass CSS Transitions: property <border-image-slice> from neutral to [10%] at (1) should be [10%]
Fail CSS Transitions: property <border-image-slice> from neutral to [10%] at (1.5) should be [5%]
Fail CSS Transitions with transition: all: property <border-image-slice> from neutral to [10%] at (-0.3) should be [23%]
Fail CSS Transitions with transition: all: property <border-image-slice> from neutral to [10%] at (0) should be [20%]
Fail CSS Transitions with transition: all: property <border-image-slice> from neutral to [10%] at (0.3) should be [17%]
Fail CSS Transitions with transition: all: property <border-image-slice> from neutral to [10%] at (0.5) should be [15%]
Fail CSS Transitions with transition: all: property <border-image-slice> from neutral to [10%] at (0.6) should be [14%]
Pass CSS Transitions: property <border-image-slice> from neutral to [10%] at (1.5) should be [5%]
Pass CSS Transitions with transition: all: property <border-image-slice> from neutral to [10%] at (-0.3) should be [23%]
Pass CSS Transitions with transition: all: property <border-image-slice> from neutral to [10%] at (0) should be [20%]
Pass CSS Transitions with transition: all: property <border-image-slice> from neutral to [10%] at (0.3) should be [17%]
Pass CSS Transitions with transition: all: property <border-image-slice> from neutral to [10%] at (0.5) should be [15%]
Pass CSS Transitions with transition: all: property <border-image-slice> from neutral to [10%] at (0.6) should be [14%]
Pass CSS Transitions with transition: all: property <border-image-slice> from neutral to [10%] at (1) should be [10%]
Fail CSS Transitions with transition: all: property <border-image-slice> from neutral to [10%] at (1.5) should be [5%]
Fail CSS Animations: property <border-image-slice> from neutral to [10%] at (-0.3) should be [23%]
Pass CSS Transitions with transition: all: property <border-image-slice> from neutral to [10%] at (1.5) should be [5%]
Pass CSS Animations: property <border-image-slice> from neutral to [10%] at (-0.3) should be [23%]
Pass CSS Animations: property <border-image-slice> from neutral to [10%] at (0) should be [20%]
Fail CSS Animations: property <border-image-slice> from neutral to [10%] at (0.3) should be [17%]
Fail CSS Animations: property <border-image-slice> from neutral to [10%] at (0.5) should be [15%]
Fail CSS Animations: property <border-image-slice> from neutral to [10%] at (0.6) should be [14%]
Pass CSS Animations: property <border-image-slice> from neutral to [10%] at (0.3) should be [17%]
Pass CSS Animations: property <border-image-slice> from neutral to [10%] at (0.5) should be [15%]
Pass CSS Animations: property <border-image-slice> from neutral to [10%] at (0.6) should be [14%]
Pass CSS Animations: property <border-image-slice> from neutral to [10%] at (1) should be [10%]
Fail CSS Animations: property <border-image-slice> from neutral to [10%] at (1.5) should be [5%]
Fail Web Animations: property <border-image-slice> from neutral to [10%] at (-0.3) should be [23%]
Pass CSS Animations: property <border-image-slice> from neutral to [10%] at (1.5) should be [5%]
Pass Web Animations: property <border-image-slice> from neutral to [10%] at (-0.3) should be [23%]
Pass Web Animations: property <border-image-slice> from neutral to [10%] at (0) should be [20%]
Fail Web Animations: property <border-image-slice> from neutral to [10%] at (0.3) should be [17%]
Fail Web Animations: property <border-image-slice> from neutral to [10%] at (0.5) should be [15%]
Fail Web Animations: property <border-image-slice> from neutral to [10%] at (0.6) should be [14%]
Pass Web Animations: property <border-image-slice> from neutral to [10%] at (0.3) should be [17%]
Pass Web Animations: property <border-image-slice> from neutral to [10%] at (0.5) should be [15%]
Pass Web Animations: property <border-image-slice> from neutral to [10%] at (0.6) should be [14%]
Pass Web Animations: property <border-image-slice> from neutral to [10%] at (1) should be [10%]
Fail Web Animations: property <border-image-slice> from neutral to [10%] at (1.5) should be [5%]
Fail CSS Transitions: property <border-image-slice> from [initial] to [10%] at (-0.3) should be [127%]
Fail CSS Transitions: property <border-image-slice> from [initial] to [10%] at (0) should be [100%]
Fail CSS Transitions: property <border-image-slice> from [initial] to [10%] at (0.3) should be [73%]
Fail CSS Transitions: property <border-image-slice> from [initial] to [10%] at (0.5) should be [55%]
Fail CSS Transitions: property <border-image-slice> from [initial] to [10%] at (0.6) should be [46%]
Pass Web Animations: property <border-image-slice> from neutral to [10%] at (1.5) should be [5%]
Pass CSS Transitions: property <border-image-slice> from [initial] to [10%] at (-0.3) should be [127%]
Pass CSS Transitions: property <border-image-slice> from [initial] to [10%] at (0) should be [100%]
Pass CSS Transitions: property <border-image-slice> from [initial] to [10%] at (0.3) should be [73%]
Pass CSS Transitions: property <border-image-slice> from [initial] to [10%] at (0.5) should be [55%]
Pass CSS Transitions: property <border-image-slice> from [initial] to [10%] at (0.6) should be [46%]
Pass CSS Transitions: property <border-image-slice> from [initial] to [10%] at (1) should be [10%]
Fail CSS Transitions: property <border-image-slice> from [initial] to [10%] at (1.5) should be [0%]
Fail CSS Transitions with transition: all: property <border-image-slice> from [initial] to [10%] at (-0.3) should be [127%]
Fail CSS Transitions with transition: all: property <border-image-slice> from [initial] to [10%] at (0) should be [100%]
Fail CSS Transitions with transition: all: property <border-image-slice> from [initial] to [10%] at (0.3) should be [73%]
Fail CSS Transitions with transition: all: property <border-image-slice> from [initial] to [10%] at (0.5) should be [55%]
Fail CSS Transitions with transition: all: property <border-image-slice> from [initial] to [10%] at (0.6) should be [46%]
Pass CSS Transitions: property <border-image-slice> from [initial] to [10%] at (1.5) should be [0%]
Pass CSS Transitions with transition: all: property <border-image-slice> from [initial] to [10%] at (-0.3) should be [127%]
Pass CSS Transitions with transition: all: property <border-image-slice> from [initial] to [10%] at (0) should be [100%]
Pass CSS Transitions with transition: all: property <border-image-slice> from [initial] to [10%] at (0.3) should be [73%]
Pass CSS Transitions with transition: all: property <border-image-slice> from [initial] to [10%] at (0.5) should be [55%]
Pass CSS Transitions with transition: all: property <border-image-slice> from [initial] to [10%] at (0.6) should be [46%]
Pass CSS Transitions with transition: all: property <border-image-slice> from [initial] to [10%] at (1) should be [10%]
Fail CSS Transitions with transition: all: property <border-image-slice> from [initial] to [10%] at (1.5) should be [0%]
Fail CSS Animations: property <border-image-slice> from [initial] to [10%] at (-0.3) should be [127%]
Pass CSS Transitions with transition: all: property <border-image-slice> from [initial] to [10%] at (1.5) should be [0%]
Pass CSS Animations: property <border-image-slice> from [initial] to [10%] at (-0.3) should be [127%]
Pass CSS Animations: property <border-image-slice> from [initial] to [10%] at (0) should be [100%]
Fail CSS Animations: property <border-image-slice> from [initial] to [10%] at (0.3) should be [73%]
Fail CSS Animations: property <border-image-slice> from [initial] to [10%] at (0.5) should be [55%]
Fail CSS Animations: property <border-image-slice> from [initial] to [10%] at (0.6) should be [46%]
Pass CSS Animations: property <border-image-slice> from [initial] to [10%] at (0.3) should be [73%]
Pass CSS Animations: property <border-image-slice> from [initial] to [10%] at (0.5) should be [55%]
Pass CSS Animations: property <border-image-slice> from [initial] to [10%] at (0.6) should be [46%]
Pass CSS Animations: property <border-image-slice> from [initial] to [10%] at (1) should be [10%]
Fail CSS Animations: property <border-image-slice> from [initial] to [10%] at (1.5) should be [0%]
Fail Web Animations: property <border-image-slice> from [initial] to [10%] at (-0.3) should be [127%]
Pass CSS Animations: property <border-image-slice> from [initial] to [10%] at (1.5) should be [0%]
Pass Web Animations: property <border-image-slice> from [initial] to [10%] at (-0.3) should be [127%]
Pass Web Animations: property <border-image-slice> from [initial] to [10%] at (0) should be [100%]
Fail Web Animations: property <border-image-slice> from [initial] to [10%] at (0.3) should be [73%]
Fail Web Animations: property <border-image-slice> from [initial] to [10%] at (0.5) should be [55%]
Fail Web Animations: property <border-image-slice> from [initial] to [10%] at (0.6) should be [46%]
Pass Web Animations: property <border-image-slice> from [initial] to [10%] at (0.3) should be [73%]
Pass Web Animations: property <border-image-slice> from [initial] to [10%] at (0.5) should be [55%]
Pass Web Animations: property <border-image-slice> from [initial] to [10%] at (0.6) should be [46%]
Pass Web Animations: property <border-image-slice> from [initial] to [10%] at (1) should be [10%]
Fail Web Animations: property <border-image-slice> from [initial] to [10%] at (1.5) should be [0%]
Fail CSS Transitions: property <border-image-slice> from [inherit] to [10%] at (-0.3) should be [62%]
Fail CSS Transitions: property <border-image-slice> from [inherit] to [10%] at (0) should be [50%]
Fail CSS Transitions: property <border-image-slice> from [inherit] to [10%] at (0.3) should be [38%]
Fail CSS Transitions: property <border-image-slice> from [inherit] to [10%] at (0.5) should be [30%]
Fail CSS Transitions: property <border-image-slice> from [inherit] to [10%] at (0.6) should be [26%]
Pass Web Animations: property <border-image-slice> from [initial] to [10%] at (1.5) should be [0%]
Pass CSS Transitions: property <border-image-slice> from [inherit] to [10%] at (-0.3) should be [62%]
Pass CSS Transitions: property <border-image-slice> from [inherit] to [10%] at (0) should be [50%]
Pass CSS Transitions: property <border-image-slice> from [inherit] to [10%] at (0.3) should be [38%]
Pass CSS Transitions: property <border-image-slice> from [inherit] to [10%] at (0.5) should be [30%]
Pass CSS Transitions: property <border-image-slice> from [inherit] to [10%] at (0.6) should be [26%]
Pass CSS Transitions: property <border-image-slice> from [inherit] to [10%] at (1) should be [10%]
Fail CSS Transitions: property <border-image-slice> from [inherit] to [10%] at (1.5) should be [0%]
Fail CSS Transitions with transition: all: property <border-image-slice> from [inherit] to [10%] at (-0.3) should be [62%]
Fail CSS Transitions with transition: all: property <border-image-slice> from [inherit] to [10%] at (0) should be [50%]
Fail CSS Transitions with transition: all: property <border-image-slice> from [inherit] to [10%] at (0.3) should be [38%]
Fail CSS Transitions with transition: all: property <border-image-slice> from [inherit] to [10%] at (0.5) should be [30%]
Fail CSS Transitions with transition: all: property <border-image-slice> from [inherit] to [10%] at (0.6) should be [26%]
Pass CSS Transitions: property <border-image-slice> from [inherit] to [10%] at (1.5) should be [0%]
Pass CSS Transitions with transition: all: property <border-image-slice> from [inherit] to [10%] at (-0.3) should be [62%]
Pass CSS Transitions with transition: all: property <border-image-slice> from [inherit] to [10%] at (0) should be [50%]
Pass CSS Transitions with transition: all: property <border-image-slice> from [inherit] to [10%] at (0.3) should be [38%]
Pass CSS Transitions with transition: all: property <border-image-slice> from [inherit] to [10%] at (0.5) should be [30%]
Pass CSS Transitions with transition: all: property <border-image-slice> from [inherit] to [10%] at (0.6) should be [26%]
Pass CSS Transitions with transition: all: property <border-image-slice> from [inherit] to [10%] at (1) should be [10%]
Fail CSS Transitions with transition: all: property <border-image-slice> from [inherit] to [10%] at (1.5) should be [0%]
Fail CSS Animations: property <border-image-slice> from [inherit] to [10%] at (-0.3) should be [62%]
Pass CSS Transitions with transition: all: property <border-image-slice> from [inherit] to [10%] at (1.5) should be [0%]
Pass CSS Animations: property <border-image-slice> from [inherit] to [10%] at (-0.3) should be [62%]
Pass CSS Animations: property <border-image-slice> from [inherit] to [10%] at (0) should be [50%]
Fail CSS Animations: property <border-image-slice> from [inherit] to [10%] at (0.3) should be [38%]
Fail CSS Animations: property <border-image-slice> from [inherit] to [10%] at (0.5) should be [30%]
Fail CSS Animations: property <border-image-slice> from [inherit] to [10%] at (0.6) should be [26%]
Pass CSS Animations: property <border-image-slice> from [inherit] to [10%] at (0.3) should be [38%]
Pass CSS Animations: property <border-image-slice> from [inherit] to [10%] at (0.5) should be [30%]
Pass CSS Animations: property <border-image-slice> from [inherit] to [10%] at (0.6) should be [26%]
Pass CSS Animations: property <border-image-slice> from [inherit] to [10%] at (1) should be [10%]
Fail CSS Animations: property <border-image-slice> from [inherit] to [10%] at (1.5) should be [0%]
Fail Web Animations: property <border-image-slice> from [inherit] to [10%] at (-0.3) should be [62%]
Pass CSS Animations: property <border-image-slice> from [inherit] to [10%] at (1.5) should be [0%]
Pass Web Animations: property <border-image-slice> from [inherit] to [10%] at (-0.3) should be [62%]
Pass Web Animations: property <border-image-slice> from [inherit] to [10%] at (0) should be [50%]
Fail Web Animations: property <border-image-slice> from [inherit] to [10%] at (0.3) should be [38%]
Fail Web Animations: property <border-image-slice> from [inherit] to [10%] at (0.5) should be [30%]
Fail Web Animations: property <border-image-slice> from [inherit] to [10%] at (0.6) should be [26%]
Pass Web Animations: property <border-image-slice> from [inherit] to [10%] at (0.3) should be [38%]
Pass Web Animations: property <border-image-slice> from [inherit] to [10%] at (0.5) should be [30%]
Pass Web Animations: property <border-image-slice> from [inherit] to [10%] at (0.6) should be [26%]
Pass Web Animations: property <border-image-slice> from [inherit] to [10%] at (1) should be [10%]
Fail Web Animations: property <border-image-slice> from [inherit] to [10%] at (1.5) should be [0%]
Fail CSS Transitions: property <border-image-slice> from [unset] to [10%] at (-0.3) should be [127%]
Fail CSS Transitions: property <border-image-slice> from [unset] to [10%] at (0) should be [100%]
Fail CSS Transitions: property <border-image-slice> from [unset] to [10%] at (0.3) should be [73%]
Fail CSS Transitions: property <border-image-slice> from [unset] to [10%] at (0.5) should be [55%]
Fail CSS Transitions: property <border-image-slice> from [unset] to [10%] at (0.6) should be [46%]
Pass Web Animations: property <border-image-slice> from [inherit] to [10%] at (1.5) should be [0%]
Pass CSS Transitions: property <border-image-slice> from [unset] to [10%] at (-0.3) should be [127%]
Pass CSS Transitions: property <border-image-slice> from [unset] to [10%] at (0) should be [100%]
Pass CSS Transitions: property <border-image-slice> from [unset] to [10%] at (0.3) should be [73%]
Pass CSS Transitions: property <border-image-slice> from [unset] to [10%] at (0.5) should be [55%]
Pass CSS Transitions: property <border-image-slice> from [unset] to [10%] at (0.6) should be [46%]
Pass CSS Transitions: property <border-image-slice> from [unset] to [10%] at (1) should be [10%]
Fail CSS Transitions: property <border-image-slice> from [unset] to [10%] at (1.5) should be [0%]
Fail CSS Transitions with transition: all: property <border-image-slice> from [unset] to [10%] at (-0.3) should be [127%]
Fail CSS Transitions with transition: all: property <border-image-slice> from [unset] to [10%] at (0) should be [100%]
Fail CSS Transitions with transition: all: property <border-image-slice> from [unset] to [10%] at (0.3) should be [73%]
Fail CSS Transitions with transition: all: property <border-image-slice> from [unset] to [10%] at (0.5) should be [55%]
Fail CSS Transitions with transition: all: property <border-image-slice> from [unset] to [10%] at (0.6) should be [46%]
Pass CSS Transitions: property <border-image-slice> from [unset] to [10%] at (1.5) should be [0%]
Pass CSS Transitions with transition: all: property <border-image-slice> from [unset] to [10%] at (-0.3) should be [127%]
Pass CSS Transitions with transition: all: property <border-image-slice> from [unset] to [10%] at (0) should be [100%]
Pass CSS Transitions with transition: all: property <border-image-slice> from [unset] to [10%] at (0.3) should be [73%]
Pass CSS Transitions with transition: all: property <border-image-slice> from [unset] to [10%] at (0.5) should be [55%]
Pass CSS Transitions with transition: all: property <border-image-slice> from [unset] to [10%] at (0.6) should be [46%]
Pass CSS Transitions with transition: all: property <border-image-slice> from [unset] to [10%] at (1) should be [10%]
Fail CSS Transitions with transition: all: property <border-image-slice> from [unset] to [10%] at (1.5) should be [0%]
Fail CSS Animations: property <border-image-slice> from [unset] to [10%] at (-0.3) should be [127%]
Pass CSS Transitions with transition: all: property <border-image-slice> from [unset] to [10%] at (1.5) should be [0%]
Pass CSS Animations: property <border-image-slice> from [unset] to [10%] at (-0.3) should be [127%]
Pass CSS Animations: property <border-image-slice> from [unset] to [10%] at (0) should be [100%]
Fail CSS Animations: property <border-image-slice> from [unset] to [10%] at (0.3) should be [73%]
Fail CSS Animations: property <border-image-slice> from [unset] to [10%] at (0.5) should be [55%]
Fail CSS Animations: property <border-image-slice> from [unset] to [10%] at (0.6) should be [46%]
Pass CSS Animations: property <border-image-slice> from [unset] to [10%] at (0.3) should be [73%]
Pass CSS Animations: property <border-image-slice> from [unset] to [10%] at (0.5) should be [55%]
Pass CSS Animations: property <border-image-slice> from [unset] to [10%] at (0.6) should be [46%]
Pass CSS Animations: property <border-image-slice> from [unset] to [10%] at (1) should be [10%]
Fail CSS Animations: property <border-image-slice> from [unset] to [10%] at (1.5) should be [0%]
Fail Web Animations: property <border-image-slice> from [unset] to [10%] at (-0.3) should be [127%]
Pass CSS Animations: property <border-image-slice> from [unset] to [10%] at (1.5) should be [0%]
Pass Web Animations: property <border-image-slice> from [unset] to [10%] at (-0.3) should be [127%]
Pass Web Animations: property <border-image-slice> from [unset] to [10%] at (0) should be [100%]
Fail Web Animations: property <border-image-slice> from [unset] to [10%] at (0.3) should be [73%]
Fail Web Animations: property <border-image-slice> from [unset] to [10%] at (0.5) should be [55%]
Fail Web Animations: property <border-image-slice> from [unset] to [10%] at (0.6) should be [46%]
Pass Web Animations: property <border-image-slice> from [unset] to [10%] at (0.3) should be [73%]
Pass Web Animations: property <border-image-slice> from [unset] to [10%] at (0.5) should be [55%]
Pass Web Animations: property <border-image-slice> from [unset] to [10%] at (0.6) should be [46%]
Pass Web Animations: property <border-image-slice> from [unset] to [10%] at (1) should be [10%]
Fail Web Animations: property <border-image-slice> from [unset] to [10%] at (1.5) should be [0%]
Fail CSS Transitions: property <border-image-slice> from [0%] to [50%] at (-0.3) should be [0%]
Fail CSS Transitions: property <border-image-slice> from [0%] to [50%] at (0) should be [0%]
Fail CSS Transitions: property <border-image-slice> from [0%] to [50%] at (0.3) should be [15%]
Fail CSS Transitions: property <border-image-slice> from [0%] to [50%] at (0.5) should be [25%]
Fail CSS Transitions: property <border-image-slice> from [0%] to [50%] at (0.6) should be [30%]
Pass Web Animations: property <border-image-slice> from [unset] to [10%] at (1.5) should be [0%]
Pass CSS Transitions: property <border-image-slice> from [0%] to [50%] at (-0.3) should be [0%]
Pass CSS Transitions: property <border-image-slice> from [0%] to [50%] at (0) should be [0%]
Pass CSS Transitions: property <border-image-slice> from [0%] to [50%] at (0.3) should be [15%]
Pass CSS Transitions: property <border-image-slice> from [0%] to [50%] at (0.5) should be [25%]
Pass CSS Transitions: property <border-image-slice> from [0%] to [50%] at (0.6) should be [30%]
Pass CSS Transitions: property <border-image-slice> from [0%] to [50%] at (1) should be [50%]
Fail CSS Transitions: property <border-image-slice> from [0%] to [50%] at (1.5) should be [75%]
Fail CSS Transitions with transition: all: property <border-image-slice> from [0%] to [50%] at (-0.3) should be [0%]
Fail CSS Transitions with transition: all: property <border-image-slice> from [0%] to [50%] at (0) should be [0%]
Fail CSS Transitions with transition: all: property <border-image-slice> from [0%] to [50%] at (0.3) should be [15%]
Fail CSS Transitions with transition: all: property <border-image-slice> from [0%] to [50%] at (0.5) should be [25%]
Fail CSS Transitions with transition: all: property <border-image-slice> from [0%] to [50%] at (0.6) should be [30%]
Pass CSS Transitions: property <border-image-slice> from [0%] to [50%] at (1.5) should be [75%]
Pass CSS Transitions with transition: all: property <border-image-slice> from [0%] to [50%] at (-0.3) should be [0%]
Pass CSS Transitions with transition: all: property <border-image-slice> from [0%] to [50%] at (0) should be [0%]
Pass CSS Transitions with transition: all: property <border-image-slice> from [0%] to [50%] at (0.3) should be [15%]
Pass CSS Transitions with transition: all: property <border-image-slice> from [0%] to [50%] at (0.5) should be [25%]
Pass CSS Transitions with transition: all: property <border-image-slice> from [0%] to [50%] at (0.6) should be [30%]
Pass CSS Transitions with transition: all: property <border-image-slice> from [0%] to [50%] at (1) should be [50%]
Fail CSS Transitions with transition: all: property <border-image-slice> from [0%] to [50%] at (1.5) should be [75%]
Pass CSS Transitions with transition: all: property <border-image-slice> from [0%] to [50%] at (1.5) should be [75%]
Pass CSS Animations: property <border-image-slice> from [0%] to [50%] at (-0.3) should be [0%]
Pass CSS Animations: property <border-image-slice> from [0%] to [50%] at (0) should be [0%]
Fail CSS Animations: property <border-image-slice> from [0%] to [50%] at (0.3) should be [15%]
Fail CSS Animations: property <border-image-slice> from [0%] to [50%] at (0.5) should be [25%]
Fail CSS Animations: property <border-image-slice> from [0%] to [50%] at (0.6) should be [30%]
Pass CSS Animations: property <border-image-slice> from [0%] to [50%] at (0.3) should be [15%]
Pass CSS Animations: property <border-image-slice> from [0%] to [50%] at (0.5) should be [25%]
Pass CSS Animations: property <border-image-slice> from [0%] to [50%] at (0.6) should be [30%]
Pass CSS Animations: property <border-image-slice> from [0%] to [50%] at (1) should be [50%]
Fail CSS Animations: property <border-image-slice> from [0%] to [50%] at (1.5) should be [75%]
Pass CSS Animations: property <border-image-slice> from [0%] to [50%] at (1.5) should be [75%]
Pass Web Animations: property <border-image-slice> from [0%] to [50%] at (-0.3) should be [0%]
Pass Web Animations: property <border-image-slice> from [0%] to [50%] at (0) should be [0%]
Fail Web Animations: property <border-image-slice> from [0%] to [50%] at (0.3) should be [15%]
Fail Web Animations: property <border-image-slice> from [0%] to [50%] at (0.5) should be [25%]
Fail Web Animations: property <border-image-slice> from [0%] to [50%] at (0.6) should be [30%]
Pass Web Animations: property <border-image-slice> from [0%] to [50%] at (0.3) should be [15%]
Pass Web Animations: property <border-image-slice> from [0%] to [50%] at (0.5) should be [25%]
Pass Web Animations: property <border-image-slice> from [0%] to [50%] at (0.6) should be [30%]
Pass Web Animations: property <border-image-slice> from [0%] to [50%] at (1) should be [50%]
Fail Web Animations: property <border-image-slice> from [0%] to [50%] at (1.5) should be [75%]
Fail CSS Transitions: property <border-image-slice> from [0% 10% 20% 30%] to [40% 50% 60% 70%] at (-0.5) should be [0% 0% 0% 10%]
Fail CSS Transitions: property <border-image-slice> from [0% 10% 20% 30%] to [40% 50% 60% 70%] at (0) should be [0% 10% 20% 30%]
Fail CSS Transitions: property <border-image-slice> from [0% 10% 20% 30%] to [40% 50% 60% 70%] at (0.3) should be [12% 22% 32% 42%]
Fail CSS Transitions: property <border-image-slice> from [0% 10% 20% 30%] to [40% 50% 60% 70%] at (0.5) should be [20% 30% 40% 50%]
Fail CSS Transitions: property <border-image-slice> from [0% 10% 20% 30%] to [40% 50% 60% 70%] at (0.6) should be [24% 34% 44% 54%]
Pass Web Animations: property <border-image-slice> from [0%] to [50%] at (1.5) should be [75%]
Pass CSS Transitions: property <border-image-slice> from [0% 10% 20% 30%] to [40% 50% 60% 70%] at (-0.5) should be [0% 0% 0% 10%]
Pass CSS Transitions: property <border-image-slice> from [0% 10% 20% 30%] to [40% 50% 60% 70%] at (0) should be [0% 10% 20% 30%]
Pass CSS Transitions: property <border-image-slice> from [0% 10% 20% 30%] to [40% 50% 60% 70%] at (0.3) should be [12% 22% 32% 42%]
Pass CSS Transitions: property <border-image-slice> from [0% 10% 20% 30%] to [40% 50% 60% 70%] at (0.5) should be [20% 30% 40% 50%]
Pass CSS Transitions: property <border-image-slice> from [0% 10% 20% 30%] to [40% 50% 60% 70%] at (0.6) should be [24% 34% 44% 54%]
Pass CSS Transitions: property <border-image-slice> from [0% 10% 20% 30%] to [40% 50% 60% 70%] at (1) should be [40% 50% 60% 70%]
Fail CSS Transitions: property <border-image-slice> from [0% 10% 20% 30%] to [40% 50% 60% 70%] at (1.5) should be [60% 70% 80% 90%]
Fail CSS Transitions with transition: all: property <border-image-slice> from [0% 10% 20% 30%] to [40% 50% 60% 70%] at (-0.5) should be [0% 0% 0% 10%]
Fail CSS Transitions with transition: all: property <border-image-slice> from [0% 10% 20% 30%] to [40% 50% 60% 70%] at (0) should be [0% 10% 20% 30%]
Fail CSS Transitions with transition: all: property <border-image-slice> from [0% 10% 20% 30%] to [40% 50% 60% 70%] at (0.3) should be [12% 22% 32% 42%]
Fail CSS Transitions with transition: all: property <border-image-slice> from [0% 10% 20% 30%] to [40% 50% 60% 70%] at (0.5) should be [20% 30% 40% 50%]
Fail CSS Transitions with transition: all: property <border-image-slice> from [0% 10% 20% 30%] to [40% 50% 60% 70%] at (0.6) should be [24% 34% 44% 54%]
Pass CSS Transitions: property <border-image-slice> from [0% 10% 20% 30%] to [40% 50% 60% 70%] at (1.5) should be [60% 70% 80% 90%]
Pass CSS Transitions with transition: all: property <border-image-slice> from [0% 10% 20% 30%] to [40% 50% 60% 70%] at (-0.5) should be [0% 0% 0% 10%]
Pass CSS Transitions with transition: all: property <border-image-slice> from [0% 10% 20% 30%] to [40% 50% 60% 70%] at (0) should be [0% 10% 20% 30%]
Pass CSS Transitions with transition: all: property <border-image-slice> from [0% 10% 20% 30%] to [40% 50% 60% 70%] at (0.3) should be [12% 22% 32% 42%]
Pass CSS Transitions with transition: all: property <border-image-slice> from [0% 10% 20% 30%] to [40% 50% 60% 70%] at (0.5) should be [20% 30% 40% 50%]
Pass CSS Transitions with transition: all: property <border-image-slice> from [0% 10% 20% 30%] to [40% 50% 60% 70%] at (0.6) should be [24% 34% 44% 54%]
Pass CSS Transitions with transition: all: property <border-image-slice> from [0% 10% 20% 30%] to [40% 50% 60% 70%] at (1) should be [40% 50% 60% 70%]
Fail CSS Transitions with transition: all: property <border-image-slice> from [0% 10% 20% 30%] to [40% 50% 60% 70%] at (1.5) should be [60% 70% 80% 90%]
Fail CSS Animations: property <border-image-slice> from [0% 10% 20% 30%] to [40% 50% 60% 70%] at (-0.5) should be [0% 0% 0% 10%]
Pass CSS Transitions with transition: all: property <border-image-slice> from [0% 10% 20% 30%] to [40% 50% 60% 70%] at (1.5) should be [60% 70% 80% 90%]
Pass CSS Animations: property <border-image-slice> from [0% 10% 20% 30%] to [40% 50% 60% 70%] at (-0.5) should be [0% 0% 0% 10%]
Pass CSS Animations: property <border-image-slice> from [0% 10% 20% 30%] to [40% 50% 60% 70%] at (0) should be [0% 10% 20% 30%]
Fail CSS Animations: property <border-image-slice> from [0% 10% 20% 30%] to [40% 50% 60% 70%] at (0.3) should be [12% 22% 32% 42%]
Fail CSS Animations: property <border-image-slice> from [0% 10% 20% 30%] to [40% 50% 60% 70%] at (0.5) should be [20% 30% 40% 50%]
Fail CSS Animations: property <border-image-slice> from [0% 10% 20% 30%] to [40% 50% 60% 70%] at (0.6) should be [24% 34% 44% 54%]
Pass CSS Animations: property <border-image-slice> from [0% 10% 20% 30%] to [40% 50% 60% 70%] at (0.3) should be [12% 22% 32% 42%]
Pass CSS Animations: property <border-image-slice> from [0% 10% 20% 30%] to [40% 50% 60% 70%] at (0.5) should be [20% 30% 40% 50%]
Pass CSS Animations: property <border-image-slice> from [0% 10% 20% 30%] to [40% 50% 60% 70%] at (0.6) should be [24% 34% 44% 54%]
Pass CSS Animations: property <border-image-slice> from [0% 10% 20% 30%] to [40% 50% 60% 70%] at (1) should be [40% 50% 60% 70%]
Fail CSS Animations: property <border-image-slice> from [0% 10% 20% 30%] to [40% 50% 60% 70%] at (1.5) should be [60% 70% 80% 90%]
Fail Web Animations: property <border-image-slice> from [0% 10% 20% 30%] to [40% 50% 60% 70%] at (-0.5) should be [0% 0% 0% 10%]
Pass CSS Animations: property <border-image-slice> from [0% 10% 20% 30%] to [40% 50% 60% 70%] at (1.5) should be [60% 70% 80% 90%]
Pass Web Animations: property <border-image-slice> from [0% 10% 20% 30%] to [40% 50% 60% 70%] at (-0.5) should be [0% 0% 0% 10%]
Pass Web Animations: property <border-image-slice> from [0% 10% 20% 30%] to [40% 50% 60% 70%] at (0) should be [0% 10% 20% 30%]
Fail Web Animations: property <border-image-slice> from [0% 10% 20% 30%] to [40% 50% 60% 70%] at (0.3) should be [12% 22% 32% 42%]
Fail Web Animations: property <border-image-slice> from [0% 10% 20% 30%] to [40% 50% 60% 70%] at (0.5) should be [20% 30% 40% 50%]
Fail Web Animations: property <border-image-slice> from [0% 10% 20% 30%] to [40% 50% 60% 70%] at (0.6) should be [24% 34% 44% 54%]
Pass Web Animations: property <border-image-slice> from [0% 10% 20% 30%] to [40% 50% 60% 70%] at (0.3) should be [12% 22% 32% 42%]
Pass Web Animations: property <border-image-slice> from [0% 10% 20% 30%] to [40% 50% 60% 70%] at (0.5) should be [20% 30% 40% 50%]
Pass Web Animations: property <border-image-slice> from [0% 10% 20% 30%] to [40% 50% 60% 70%] at (0.6) should be [24% 34% 44% 54%]
Pass Web Animations: property <border-image-slice> from [0% 10% 20% 30%] to [40% 50% 60% 70%] at (1) should be [40% 50% 60% 70%]
Fail Web Animations: property <border-image-slice> from [0% 10% 20% 30%] to [40% 50% 60% 70%] at (1.5) should be [60% 70% 80% 90%]
Fail CSS Transitions: property <border-image-slice> from [0 10 20 30 fill] to [40 50 60 70 fill] at (-0.5) should be [0 0 0 10 fill]
Fail CSS Transitions: property <border-image-slice> from [0 10 20 30 fill] to [40 50 60 70 fill] at (0) should be [0 10 20 30 fill]
Fail CSS Transitions: property <border-image-slice> from [0 10 20 30 fill] to [40 50 60 70 fill] at (0.3) should be [12 22 32 42 fill]
Fail CSS Transitions: property <border-image-slice> from [0 10 20 30 fill] to [40 50 60 70 fill] at (0.5) should be [20 30 40 50 fill]
Fail CSS Transitions: property <border-image-slice> from [0 10 20 30 fill] to [40 50 60 70 fill] at (0.6) should be [24 34 44 54 fill]
Pass Web Animations: property <border-image-slice> from [0% 10% 20% 30%] to [40% 50% 60% 70%] at (1.5) should be [60% 70% 80% 90%]
Pass CSS Transitions: property <border-image-slice> from [0 10 20 30 fill] to [40 50 60 70 fill] at (-0.5) should be [0 0 0 10 fill]
Pass CSS Transitions: property <border-image-slice> from [0 10 20 30 fill] to [40 50 60 70 fill] at (0) should be [0 10 20 30 fill]
Pass CSS Transitions: property <border-image-slice> from [0 10 20 30 fill] to [40 50 60 70 fill] at (0.3) should be [12 22 32 42 fill]
Pass CSS Transitions: property <border-image-slice> from [0 10 20 30 fill] to [40 50 60 70 fill] at (0.5) should be [20 30 40 50 fill]
Pass CSS Transitions: property <border-image-slice> from [0 10 20 30 fill] to [40 50 60 70 fill] at (0.6) should be [24 34 44 54 fill]
Pass CSS Transitions: property <border-image-slice> from [0 10 20 30 fill] to [40 50 60 70 fill] at (1) should be [40 50 60 70 fill]
Fail CSS Transitions: property <border-image-slice> from [0 10 20 30 fill] to [40 50 60 70 fill] at (1.5) should be [60 70 80 90 fill]
Fail CSS Transitions with transition: all: property <border-image-slice> from [0 10 20 30 fill] to [40 50 60 70 fill] at (-0.5) should be [0 0 0 10 fill]
Fail CSS Transitions with transition: all: property <border-image-slice> from [0 10 20 30 fill] to [40 50 60 70 fill] at (0) should be [0 10 20 30 fill]
Fail CSS Transitions with transition: all: property <border-image-slice> from [0 10 20 30 fill] to [40 50 60 70 fill] at (0.3) should be [12 22 32 42 fill]
Fail CSS Transitions with transition: all: property <border-image-slice> from [0 10 20 30 fill] to [40 50 60 70 fill] at (0.5) should be [20 30 40 50 fill]
Fail CSS Transitions with transition: all: property <border-image-slice> from [0 10 20 30 fill] to [40 50 60 70 fill] at (0.6) should be [24 34 44 54 fill]
Pass CSS Transitions: property <border-image-slice> from [0 10 20 30 fill] to [40 50 60 70 fill] at (1.5) should be [60 70 80 90 fill]
Pass CSS Transitions with transition: all: property <border-image-slice> from [0 10 20 30 fill] to [40 50 60 70 fill] at (-0.5) should be [0 0 0 10 fill]
Pass CSS Transitions with transition: all: property <border-image-slice> from [0 10 20 30 fill] to [40 50 60 70 fill] at (0) should be [0 10 20 30 fill]
Pass CSS Transitions with transition: all: property <border-image-slice> from [0 10 20 30 fill] to [40 50 60 70 fill] at (0.3) should be [12 22 32 42 fill]
Pass CSS Transitions with transition: all: property <border-image-slice> from [0 10 20 30 fill] to [40 50 60 70 fill] at (0.5) should be [20 30 40 50 fill]
Pass CSS Transitions with transition: all: property <border-image-slice> from [0 10 20 30 fill] to [40 50 60 70 fill] at (0.6) should be [24 34 44 54 fill]
Pass CSS Transitions with transition: all: property <border-image-slice> from [0 10 20 30 fill] to [40 50 60 70 fill] at (1) should be [40 50 60 70 fill]
Fail CSS Transitions with transition: all: property <border-image-slice> from [0 10 20 30 fill] to [40 50 60 70 fill] at (1.5) should be [60 70 80 90 fill]
Fail CSS Animations: property <border-image-slice> from [0 10 20 30 fill] to [40 50 60 70 fill] at (-0.5) should be [0 0 0 10 fill]
Pass CSS Transitions with transition: all: property <border-image-slice> from [0 10 20 30 fill] to [40 50 60 70 fill] at (1.5) should be [60 70 80 90 fill]
Pass CSS Animations: property <border-image-slice> from [0 10 20 30 fill] to [40 50 60 70 fill] at (-0.5) should be [0 0 0 10 fill]
Pass CSS Animations: property <border-image-slice> from [0 10 20 30 fill] to [40 50 60 70 fill] at (0) should be [0 10 20 30 fill]
Fail CSS Animations: property <border-image-slice> from [0 10 20 30 fill] to [40 50 60 70 fill] at (0.3) should be [12 22 32 42 fill]
Fail CSS Animations: property <border-image-slice> from [0 10 20 30 fill] to [40 50 60 70 fill] at (0.5) should be [20 30 40 50 fill]
Fail CSS Animations: property <border-image-slice> from [0 10 20 30 fill] to [40 50 60 70 fill] at (0.6) should be [24 34 44 54 fill]
Pass CSS Animations: property <border-image-slice> from [0 10 20 30 fill] to [40 50 60 70 fill] at (0.3) should be [12 22 32 42 fill]
Pass CSS Animations: property <border-image-slice> from [0 10 20 30 fill] to [40 50 60 70 fill] at (0.5) should be [20 30 40 50 fill]
Pass CSS Animations: property <border-image-slice> from [0 10 20 30 fill] to [40 50 60 70 fill] at (0.6) should be [24 34 44 54 fill]
Pass CSS Animations: property <border-image-slice> from [0 10 20 30 fill] to [40 50 60 70 fill] at (1) should be [40 50 60 70 fill]
Fail CSS Animations: property <border-image-slice> from [0 10 20 30 fill] to [40 50 60 70 fill] at (1.5) should be [60 70 80 90 fill]
Fail Web Animations: property <border-image-slice> from [0 10 20 30 fill] to [40 50 60 70 fill] at (-0.5) should be [0 0 0 10 fill]
Pass CSS Animations: property <border-image-slice> from [0 10 20 30 fill] to [40 50 60 70 fill] at (1.5) should be [60 70 80 90 fill]
Pass Web Animations: property <border-image-slice> from [0 10 20 30 fill] to [40 50 60 70 fill] at (-0.5) should be [0 0 0 10 fill]
Pass Web Animations: property <border-image-slice> from [0 10 20 30 fill] to [40 50 60 70 fill] at (0) should be [0 10 20 30 fill]
Fail Web Animations: property <border-image-slice> from [0 10 20 30 fill] to [40 50 60 70 fill] at (0.3) should be [12 22 32 42 fill]
Fail Web Animations: property <border-image-slice> from [0 10 20 30 fill] to [40 50 60 70 fill] at (0.5) should be [20 30 40 50 fill]
Fail Web Animations: property <border-image-slice> from [0 10 20 30 fill] to [40 50 60 70 fill] at (0.6) should be [24 34 44 54 fill]
Pass Web Animations: property <border-image-slice> from [0 10 20 30 fill] to [40 50 60 70 fill] at (0.3) should be [12 22 32 42 fill]
Pass Web Animations: property <border-image-slice> from [0 10 20 30 fill] to [40 50 60 70 fill] at (0.5) should be [20 30 40 50 fill]
Pass Web Animations: property <border-image-slice> from [0 10 20 30 fill] to [40 50 60 70 fill] at (0.6) should be [24 34 44 54 fill]
Pass Web Animations: property <border-image-slice> from [0 10 20 30 fill] to [40 50 60 70 fill] at (1) should be [40 50 60 70 fill]
Fail Web Animations: property <border-image-slice> from [0 10 20 30 fill] to [40 50 60 70 fill] at (1.5) should be [60 70 80 90 fill]
Fail CSS Transitions: property <border-image-slice> from [0% 10 20% 30 fill] to [40% 50 60% 70 fill] at (-0.5) should be [0% 0 0% 10 fill]
Fail CSS Transitions: property <border-image-slice> from [0% 10 20% 30 fill] to [40% 50 60% 70 fill] at (0) should be [0% 10 20% 30 fill]
Fail CSS Transitions: property <border-image-slice> from [0% 10 20% 30 fill] to [40% 50 60% 70 fill] at (0.3) should be [12% 22 32% 42 fill]
Fail CSS Transitions: property <border-image-slice> from [0% 10 20% 30 fill] to [40% 50 60% 70 fill] at (0.5) should be [20% 30 40% 50 fill]
Fail CSS Transitions: property <border-image-slice> from [0% 10 20% 30 fill] to [40% 50 60% 70 fill] at (0.6) should be [24% 34 44% 54 fill]
Pass Web Animations: property <border-image-slice> from [0 10 20 30 fill] to [40 50 60 70 fill] at (1.5) should be [60 70 80 90 fill]
Pass CSS Transitions: property <border-image-slice> from [0% 10 20% 30 fill] to [40% 50 60% 70 fill] at (-0.5) should be [0% 0 0% 10 fill]
Pass CSS Transitions: property <border-image-slice> from [0% 10 20% 30 fill] to [40% 50 60% 70 fill] at (0) should be [0% 10 20% 30 fill]
Pass CSS Transitions: property <border-image-slice> from [0% 10 20% 30 fill] to [40% 50 60% 70 fill] at (0.3) should be [12% 22 32% 42 fill]
Pass CSS Transitions: property <border-image-slice> from [0% 10 20% 30 fill] to [40% 50 60% 70 fill] at (0.5) should be [20% 30 40% 50 fill]
Pass CSS Transitions: property <border-image-slice> from [0% 10 20% 30 fill] to [40% 50 60% 70 fill] at (0.6) should be [24% 34 44% 54 fill]
Pass CSS Transitions: property <border-image-slice> from [0% 10 20% 30 fill] to [40% 50 60% 70 fill] at (1) should be [40% 50 60% 70 fill]
Fail CSS Transitions: property <border-image-slice> from [0% 10 20% 30 fill] to [40% 50 60% 70 fill] at (1.5) should be [60% 70 80% 90 fill]
Fail CSS Transitions with transition: all: property <border-image-slice> from [0% 10 20% 30 fill] to [40% 50 60% 70 fill] at (-0.5) should be [0% 0 0% 10 fill]
Fail CSS Transitions with transition: all: property <border-image-slice> from [0% 10 20% 30 fill] to [40% 50 60% 70 fill] at (0) should be [0% 10 20% 30 fill]
Fail CSS Transitions with transition: all: property <border-image-slice> from [0% 10 20% 30 fill] to [40% 50 60% 70 fill] at (0.3) should be [12% 22 32% 42 fill]
Fail CSS Transitions with transition: all: property <border-image-slice> from [0% 10 20% 30 fill] to [40% 50 60% 70 fill] at (0.5) should be [20% 30 40% 50 fill]
Fail CSS Transitions with transition: all: property <border-image-slice> from [0% 10 20% 30 fill] to [40% 50 60% 70 fill] at (0.6) should be [24% 34 44% 54 fill]
Pass CSS Transitions: property <border-image-slice> from [0% 10 20% 30 fill] to [40% 50 60% 70 fill] at (1.5) should be [60% 70 80% 90 fill]
Pass CSS Transitions with transition: all: property <border-image-slice> from [0% 10 20% 30 fill] to [40% 50 60% 70 fill] at (-0.5) should be [0% 0 0% 10 fill]
Pass CSS Transitions with transition: all: property <border-image-slice> from [0% 10 20% 30 fill] to [40% 50 60% 70 fill] at (0) should be [0% 10 20% 30 fill]
Pass CSS Transitions with transition: all: property <border-image-slice> from [0% 10 20% 30 fill] to [40% 50 60% 70 fill] at (0.3) should be [12% 22 32% 42 fill]
Pass CSS Transitions with transition: all: property <border-image-slice> from [0% 10 20% 30 fill] to [40% 50 60% 70 fill] at (0.5) should be [20% 30 40% 50 fill]
Pass CSS Transitions with transition: all: property <border-image-slice> from [0% 10 20% 30 fill] to [40% 50 60% 70 fill] at (0.6) should be [24% 34 44% 54 fill]
Pass CSS Transitions with transition: all: property <border-image-slice> from [0% 10 20% 30 fill] to [40% 50 60% 70 fill] at (1) should be [40% 50 60% 70 fill]
Fail CSS Transitions with transition: all: property <border-image-slice> from [0% 10 20% 30 fill] to [40% 50 60% 70 fill] at (1.5) should be [60% 70 80% 90 fill]
Fail CSS Animations: property <border-image-slice> from [0% 10 20% 30 fill] to [40% 50 60% 70 fill] at (-0.5) should be [0% 0 0% 10 fill]
Pass CSS Transitions with transition: all: property <border-image-slice> from [0% 10 20% 30 fill] to [40% 50 60% 70 fill] at (1.5) should be [60% 70 80% 90 fill]
Pass CSS Animations: property <border-image-slice> from [0% 10 20% 30 fill] to [40% 50 60% 70 fill] at (-0.5) should be [0% 0 0% 10 fill]
Pass CSS Animations: property <border-image-slice> from [0% 10 20% 30 fill] to [40% 50 60% 70 fill] at (0) should be [0% 10 20% 30 fill]
Fail CSS Animations: property <border-image-slice> from [0% 10 20% 30 fill] to [40% 50 60% 70 fill] at (0.3) should be [12% 22 32% 42 fill]
Fail CSS Animations: property <border-image-slice> from [0% 10 20% 30 fill] to [40% 50 60% 70 fill] at (0.5) should be [20% 30 40% 50 fill]
Fail CSS Animations: property <border-image-slice> from [0% 10 20% 30 fill] to [40% 50 60% 70 fill] at (0.6) should be [24% 34 44% 54 fill]
Pass CSS Animations: property <border-image-slice> from [0% 10 20% 30 fill] to [40% 50 60% 70 fill] at (0.3) should be [12% 22 32% 42 fill]
Pass CSS Animations: property <border-image-slice> from [0% 10 20% 30 fill] to [40% 50 60% 70 fill] at (0.5) should be [20% 30 40% 50 fill]
Pass CSS Animations: property <border-image-slice> from [0% 10 20% 30 fill] to [40% 50 60% 70 fill] at (0.6) should be [24% 34 44% 54 fill]
Pass CSS Animations: property <border-image-slice> from [0% 10 20% 30 fill] to [40% 50 60% 70 fill] at (1) should be [40% 50 60% 70 fill]
Fail CSS Animations: property <border-image-slice> from [0% 10 20% 30 fill] to [40% 50 60% 70 fill] at (1.5) should be [60% 70 80% 90 fill]
Fail Web Animations: property <border-image-slice> from [0% 10 20% 30 fill] to [40% 50 60% 70 fill] at (-0.5) should be [0% 0 0% 10 fill]
Pass CSS Animations: property <border-image-slice> from [0% 10 20% 30 fill] to [40% 50 60% 70 fill] at (1.5) should be [60% 70 80% 90 fill]
Pass Web Animations: property <border-image-slice> from [0% 10 20% 30 fill] to [40% 50 60% 70 fill] at (-0.5) should be [0% 0 0% 10 fill]
Pass Web Animations: property <border-image-slice> from [0% 10 20% 30 fill] to [40% 50 60% 70 fill] at (0) should be [0% 10 20% 30 fill]
Fail Web Animations: property <border-image-slice> from [0% 10 20% 30 fill] to [40% 50 60% 70 fill] at (0.3) should be [12% 22 32% 42 fill]
Fail Web Animations: property <border-image-slice> from [0% 10 20% 30 fill] to [40% 50 60% 70 fill] at (0.5) should be [20% 30 40% 50 fill]
Fail Web Animations: property <border-image-slice> from [0% 10 20% 30 fill] to [40% 50 60% 70 fill] at (0.6) should be [24% 34 44% 54 fill]
Pass Web Animations: property <border-image-slice> from [0% 10 20% 30 fill] to [40% 50 60% 70 fill] at (0.3) should be [12% 22 32% 42 fill]
Pass Web Animations: property <border-image-slice> from [0% 10 20% 30 fill] to [40% 50 60% 70 fill] at (0.5) should be [20% 30 40% 50 fill]
Pass Web Animations: property <border-image-slice> from [0% 10 20% 30 fill] to [40% 50 60% 70 fill] at (0.6) should be [24% 34 44% 54 fill]
Pass Web Animations: property <border-image-slice> from [0% 10 20% 30 fill] to [40% 50 60% 70 fill] at (1) should be [40% 50 60% 70 fill]
Fail Web Animations: property <border-image-slice> from [0% 10 20% 30 fill] to [40% 50 60% 70 fill] at (1.5) should be [60% 70 80% 90 fill]
Pass Web Animations: property <border-image-slice> from [0% 10 20% 30 fill] to [40% 50 60% 70 fill] at (1.5) should be [60% 70 80% 90 fill]
Pass CSS Transitions with transition-behavior:allow-discrete: property <border-image-slice> from [0% fill] to [50%] at (-0.3) should be [0% fill]
Pass CSS Transitions with transition-behavior:allow-discrete: property <border-image-slice> from [0% fill] to [50%] at (0) should be [0% fill]
Pass CSS Transitions with transition-behavior:allow-discrete: property <border-image-slice> from [0% fill] to [50%] at (0.3) should be [0% fill]