mirror of
https://github.com/LadybirdBrowser/ladybird.git
synced 2025-09-21 00:38:56 +00:00
LibWeb: Interpolate circle() function by computed value
This commit is contained in:
Tim Ledbetter
Sam Atkins
parent
4a0fe65923
commit
f146207a04
Notes:
github-actions[bot]
2025-09-15 09:36:04 +00:00
Author: https://github.com/tcl3
Commit: f146207a04
Pull-request: https://github.com/LadybirdBrowser/ladybird/pull/6183
Reviewed-by: https://github.com/AtkinsSJ ✅
3 changed files with 86 additions and 72 deletions
|
|
@ -1239,6 +1239,20 @@ static RefPtr<StyleValue const> interpolate_value_impl(DOM::Element& element, Ca
|
|||
return {};
|
||||
return Rect { *interpolated_rect_box };
|
||||
},
|
||||
[&](Circle const& from_circle) -> Optional<BasicShape> {
|
||||
// If both shapes are the same type, that type is ellipse() or circle(), and the radiuses are specified
|
||||
// as <length-percentage> (rather than keywords), interpolate between each value in the shape functions.
|
||||
auto const& to_circle = to_shape.get<Circle>();
|
||||
if (!from_circle.radius.has<LengthPercentage>() || !to_circle.radius.has<LengthPercentage>())
|
||||
return {};
|
||||
auto interpolated_radius = interpolate_length_percentage(calculation_context, from_circle.radius.get<LengthPercentage>(), to_circle.radius.get<LengthPercentage>(), delta);
|
||||
if (!interpolated_radius.has_value())
|
||||
return {};
|
||||
auto interpolated_position = interpolate_value(element, calculation_context, from_circle.position, to_circle.position, delta, allow_discrete);
|
||||
if (!interpolated_position)
|
||||
return {};
|
||||
return Circle { *interpolated_radius, interpolated_position->as_position() };
|
||||
},
|
||||
[&](Polygon const& from_polygon) -> Optional<BasicShape> {
|
||||
// If both shapes are of type polygon(), both polygons have the same number of vertices, and use the
|
||||
// same <'fill-rule'>, interpolate between each value in the shape functions.
|
||||
|
|
|
|||
|
|
@ -2,32 +2,32 @@ Harness status: OK
|
|||
|
||||
Found 366 tests
|
||||
|
||||
282 Pass
|
||||
84 Fail
|
||||
Fail CSS Transitions: property <clip-path> from neutral to [circle(40% at 20% 20%)] at (-0.3) should be [circle(66% at 7% 33%)]
|
||||
Fail CSS Transitions: property <clip-path> from neutral to [circle(40% at 20% 20%)] at (0) should be [circle(60% at 10% 30%)]
|
||||
Fail CSS Transitions: property <clip-path> from neutral to [circle(40% at 20% 20%)] at (0.3) should be [circle(54% at 13% 27%)]
|
||||
Fail CSS Transitions: property <clip-path> from neutral to [circle(40% at 20% 20%)] at (0.6) should be [circle(48% at 16% 24%)]
|
||||
336 Pass
|
||||
30 Fail
|
||||
Pass CSS Transitions: property <clip-path> from neutral to [circle(40% at 20% 20%)] at (-0.3) should be [circle(66% at 7% 33%)]
|
||||
Pass CSS Transitions: property <clip-path> from neutral to [circle(40% at 20% 20%)] at (0) should be [circle(60% at 10% 30%)]
|
||||
Pass CSS Transitions: property <clip-path> from neutral to [circle(40% at 20% 20%)] at (0.3) should be [circle(54% at 13% 27%)]
|
||||
Pass CSS Transitions: property <clip-path> from neutral to [circle(40% at 20% 20%)] at (0.6) should be [circle(48% at 16% 24%)]
|
||||
Pass CSS Transitions: property <clip-path> from neutral to [circle(40% at 20% 20%)] at (1) should be [circle(40% at 20% 20%)]
|
||||
Fail CSS Transitions: property <clip-path> from neutral to [circle(40% at 20% 20%)] at (1.5) should be [circle(30% at 25% 15%)]
|
||||
Fail CSS Transitions with transition: all: property <clip-path> from neutral to [circle(40% at 20% 20%)] at (-0.3) should be [circle(66% at 7% 33%)]
|
||||
Fail CSS Transitions with transition: all: property <clip-path> from neutral to [circle(40% at 20% 20%)] at (0) should be [circle(60% at 10% 30%)]
|
||||
Fail CSS Transitions with transition: all: property <clip-path> from neutral to [circle(40% at 20% 20%)] at (0.3) should be [circle(54% at 13% 27%)]
|
||||
Fail CSS Transitions with transition: all: property <clip-path> from neutral to [circle(40% at 20% 20%)] at (0.6) should be [circle(48% at 16% 24%)]
|
||||
Pass CSS Transitions: property <clip-path> from neutral to [circle(40% at 20% 20%)] at (1.5) should be [circle(30% at 25% 15%)]
|
||||
Pass CSS Transitions with transition: all: property <clip-path> from neutral to [circle(40% at 20% 20%)] at (-0.3) should be [circle(66% at 7% 33%)]
|
||||
Pass CSS Transitions with transition: all: property <clip-path> from neutral to [circle(40% at 20% 20%)] at (0) should be [circle(60% at 10% 30%)]
|
||||
Pass CSS Transitions with transition: all: property <clip-path> from neutral to [circle(40% at 20% 20%)] at (0.3) should be [circle(54% at 13% 27%)]
|
||||
Pass CSS Transitions with transition: all: property <clip-path> from neutral to [circle(40% at 20% 20%)] at (0.6) should be [circle(48% at 16% 24%)]
|
||||
Pass CSS Transitions with transition: all: property <clip-path> from neutral to [circle(40% at 20% 20%)] at (1) should be [circle(40% at 20% 20%)]
|
||||
Fail CSS Transitions with transition: all: property <clip-path> from neutral to [circle(40% at 20% 20%)] at (1.5) should be [circle(30% at 25% 15%)]
|
||||
Fail CSS Animations: property <clip-path> from neutral to [circle(40% at 20% 20%)] at (-0.3) should be [circle(66% at 7% 33%)]
|
||||
Pass CSS Transitions with transition: all: property <clip-path> from neutral to [circle(40% at 20% 20%)] at (1.5) should be [circle(30% at 25% 15%)]
|
||||
Pass CSS Animations: property <clip-path> from neutral to [circle(40% at 20% 20%)] at (-0.3) should be [circle(66% at 7% 33%)]
|
||||
Pass CSS Animations: property <clip-path> from neutral to [circle(40% at 20% 20%)] at (0) should be [circle(60% at 10% 30%)]
|
||||
Fail CSS Animations: property <clip-path> from neutral to [circle(40% at 20% 20%)] at (0.3) should be [circle(54% at 13% 27%)]
|
||||
Fail CSS Animations: property <clip-path> from neutral to [circle(40% at 20% 20%)] at (0.6) should be [circle(48% at 16% 24%)]
|
||||
Pass CSS Animations: property <clip-path> from neutral to [circle(40% at 20% 20%)] at (0.3) should be [circle(54% at 13% 27%)]
|
||||
Pass CSS Animations: property <clip-path> from neutral to [circle(40% at 20% 20%)] at (0.6) should be [circle(48% at 16% 24%)]
|
||||
Pass CSS Animations: property <clip-path> from neutral to [circle(40% at 20% 20%)] at (1) should be [circle(40% at 20% 20%)]
|
||||
Fail CSS Animations: property <clip-path> from neutral to [circle(40% at 20% 20%)] at (1.5) should be [circle(30% at 25% 15%)]
|
||||
Fail Web Animations: property <clip-path> from neutral to [circle(40% at 20% 20%)] at (-0.3) should be [circle(66% at 7% 33%)]
|
||||
Pass CSS Animations: property <clip-path> from neutral to [circle(40% at 20% 20%)] at (1.5) should be [circle(30% at 25% 15%)]
|
||||
Pass Web Animations: property <clip-path> from neutral to [circle(40% at 20% 20%)] at (-0.3) should be [circle(66% at 7% 33%)]
|
||||
Pass Web Animations: property <clip-path> from neutral to [circle(40% at 20% 20%)] at (0) should be [circle(60% at 10% 30%)]
|
||||
Fail Web Animations: property <clip-path> from neutral to [circle(40% at 20% 20%)] at (0.3) should be [circle(54% at 13% 27%)]
|
||||
Fail Web Animations: property <clip-path> from neutral to [circle(40% at 20% 20%)] at (0.6) should be [circle(48% at 16% 24%)]
|
||||
Pass Web Animations: property <clip-path> from neutral to [circle(40% at 20% 20%)] at (0.3) should be [circle(54% at 13% 27%)]
|
||||
Pass Web Animations: property <clip-path> from neutral to [circle(40% at 20% 20%)] at (0.6) should be [circle(48% at 16% 24%)]
|
||||
Pass Web Animations: property <clip-path> from neutral to [circle(40% at 20% 20%)] at (1) should be [circle(40% at 20% 20%)]
|
||||
Fail Web Animations: property <clip-path> from neutral to [circle(40% at 20% 20%)] at (1.5) should be [circle(30% at 25% 15%)]
|
||||
Pass Web Animations: property <clip-path> from neutral to [circle(40% at 20% 20%)] at (1.5) should be [circle(30% at 25% 15%)]
|
||||
Pass CSS Transitions with transition-behavior:allow-discrete: property <clip-path> from [initial] to [circle(40% at 20% 20%)] at (-0.3) should be [initial]
|
||||
Pass CSS Transitions with transition-behavior:allow-discrete: property <clip-path> from [initial] to [circle(40% at 20% 20%)] at (0) should be [initial]
|
||||
Pass CSS Transitions with transition-behavior:allow-discrete: property <clip-path> from [initial] to [circle(40% at 20% 20%)] at (0.3) should be [initial]
|
||||
|
|
@ -70,30 +70,30 @@ Pass Web Animations: property <clip-path> from [initial] to [circle(40% at 20% 2
|
|||
Pass Web Animations: property <clip-path> from [initial] to [circle(40% at 20% 20%)] at (0.6) should be [circle(40% at 20% 20%)]
|
||||
Pass Web Animations: property <clip-path> from [initial] to [circle(40% at 20% 20%)] at (1) should be [circle(40% at 20% 20%)]
|
||||
Pass Web Animations: property <clip-path> from [initial] to [circle(40% at 20% 20%)] at (1.5) should be [circle(40% at 20% 20%)]
|
||||
Fail CSS Transitions: property <clip-path> from [inherit] to [circle(40% at 20% 20%)] at (-0.3) should be [circle(92% at 33% 7%)]
|
||||
Fail CSS Transitions: property <clip-path> from [inherit] to [circle(40% at 20% 20%)] at (0) should be [circle(80% at 30% 10%)]
|
||||
Fail CSS Transitions: property <clip-path> from [inherit] to [circle(40% at 20% 20%)] at (0.3) should be [circle(68% at 27% 13%)]
|
||||
Fail CSS Transitions: property <clip-path> from [inherit] to [circle(40% at 20% 20%)] at (0.6) should be [circle(56% at 24% 16%)]
|
||||
Pass CSS Transitions: property <clip-path> from [inherit] to [circle(40% at 20% 20%)] at (-0.3) should be [circle(92% at 33% 7%)]
|
||||
Pass CSS Transitions: property <clip-path> from [inherit] to [circle(40% at 20% 20%)] at (0) should be [circle(80% at 30% 10%)]
|
||||
Pass CSS Transitions: property <clip-path> from [inherit] to [circle(40% at 20% 20%)] at (0.3) should be [circle(68% at 27% 13%)]
|
||||
Pass CSS Transitions: property <clip-path> from [inherit] to [circle(40% at 20% 20%)] at (0.6) should be [circle(56% at 24% 16%)]
|
||||
Pass CSS Transitions: property <clip-path> from [inherit] to [circle(40% at 20% 20%)] at (1) should be [circle(40% at 20% 20%)]
|
||||
Fail CSS Transitions: property <clip-path> from [inherit] to [circle(40% at 20% 20%)] at (1.5) should be [circle(20% at 15% 25%)]
|
||||
Fail CSS Transitions with transition: all: property <clip-path> from [inherit] to [circle(40% at 20% 20%)] at (-0.3) should be [circle(92% at 33% 7%)]
|
||||
Fail CSS Transitions with transition: all: property <clip-path> from [inherit] to [circle(40% at 20% 20%)] at (0) should be [circle(80% at 30% 10%)]
|
||||
Fail CSS Transitions with transition: all: property <clip-path> from [inherit] to [circle(40% at 20% 20%)] at (0.3) should be [circle(68% at 27% 13%)]
|
||||
Fail CSS Transitions with transition: all: property <clip-path> from [inherit] to [circle(40% at 20% 20%)] at (0.6) should be [circle(56% at 24% 16%)]
|
||||
Pass CSS Transitions: property <clip-path> from [inherit] to [circle(40% at 20% 20%)] at (1.5) should be [circle(20% at 15% 25%)]
|
||||
Pass CSS Transitions with transition: all: property <clip-path> from [inherit] to [circle(40% at 20% 20%)] at (-0.3) should be [circle(92% at 33% 7%)]
|
||||
Pass CSS Transitions with transition: all: property <clip-path> from [inherit] to [circle(40% at 20% 20%)] at (0) should be [circle(80% at 30% 10%)]
|
||||
Pass CSS Transitions with transition: all: property <clip-path> from [inherit] to [circle(40% at 20% 20%)] at (0.3) should be [circle(68% at 27% 13%)]
|
||||
Pass CSS Transitions with transition: all: property <clip-path> from [inherit] to [circle(40% at 20% 20%)] at (0.6) should be [circle(56% at 24% 16%)]
|
||||
Pass CSS Transitions with transition: all: property <clip-path> from [inherit] to [circle(40% at 20% 20%)] at (1) should be [circle(40% at 20% 20%)]
|
||||
Fail CSS Transitions with transition: all: property <clip-path> from [inherit] to [circle(40% at 20% 20%)] at (1.5) should be [circle(20% at 15% 25%)]
|
||||
Fail CSS Animations: property <clip-path> from [inherit] to [circle(40% at 20% 20%)] at (-0.3) should be [circle(92% at 33% 7%)]
|
||||
Pass CSS Transitions with transition: all: property <clip-path> from [inherit] to [circle(40% at 20% 20%)] at (1.5) should be [circle(20% at 15% 25%)]
|
||||
Pass CSS Animations: property <clip-path> from [inherit] to [circle(40% at 20% 20%)] at (-0.3) should be [circle(92% at 33% 7%)]
|
||||
Pass CSS Animations: property <clip-path> from [inherit] to [circle(40% at 20% 20%)] at (0) should be [circle(80% at 30% 10%)]
|
||||
Fail CSS Animations: property <clip-path> from [inherit] to [circle(40% at 20% 20%)] at (0.3) should be [circle(68% at 27% 13%)]
|
||||
Fail CSS Animations: property <clip-path> from [inherit] to [circle(40% at 20% 20%)] at (0.6) should be [circle(56% at 24% 16%)]
|
||||
Pass CSS Animations: property <clip-path> from [inherit] to [circle(40% at 20% 20%)] at (0.3) should be [circle(68% at 27% 13%)]
|
||||
Pass CSS Animations: property <clip-path> from [inherit] to [circle(40% at 20% 20%)] at (0.6) should be [circle(56% at 24% 16%)]
|
||||
Pass CSS Animations: property <clip-path> from [inherit] to [circle(40% at 20% 20%)] at (1) should be [circle(40% at 20% 20%)]
|
||||
Fail CSS Animations: property <clip-path> from [inherit] to [circle(40% at 20% 20%)] at (1.5) should be [circle(20% at 15% 25%)]
|
||||
Fail Web Animations: property <clip-path> from [inherit] to [circle(40% at 20% 20%)] at (-0.3) should be [circle(92% at 33% 7%)]
|
||||
Pass CSS Animations: property <clip-path> from [inherit] to [circle(40% at 20% 20%)] at (1.5) should be [circle(20% at 15% 25%)]
|
||||
Pass Web Animations: property <clip-path> from [inherit] to [circle(40% at 20% 20%)] at (-0.3) should be [circle(92% at 33% 7%)]
|
||||
Pass Web Animations: property <clip-path> from [inherit] to [circle(40% at 20% 20%)] at (0) should be [circle(80% at 30% 10%)]
|
||||
Fail Web Animations: property <clip-path> from [inherit] to [circle(40% at 20% 20%)] at (0.3) should be [circle(68% at 27% 13%)]
|
||||
Fail Web Animations: property <clip-path> from [inherit] to [circle(40% at 20% 20%)] at (0.6) should be [circle(56% at 24% 16%)]
|
||||
Pass Web Animations: property <clip-path> from [inherit] to [circle(40% at 20% 20%)] at (0.3) should be [circle(68% at 27% 13%)]
|
||||
Pass Web Animations: property <clip-path> from [inherit] to [circle(40% at 20% 20%)] at (0.6) should be [circle(56% at 24% 16%)]
|
||||
Pass Web Animations: property <clip-path> from [inherit] to [circle(40% at 20% 20%)] at (1) should be [circle(40% at 20% 20%)]
|
||||
Fail Web Animations: property <clip-path> from [inherit] to [circle(40% at 20% 20%)] at (1.5) should be [circle(20% at 15% 25%)]
|
||||
Pass Web Animations: property <clip-path> from [inherit] to [circle(40% at 20% 20%)] at (1.5) should be [circle(20% at 15% 25%)]
|
||||
Pass CSS Transitions with transition-behavior:allow-discrete: property <clip-path> from [unset] to [circle(40% at 20% 20%)] at (-0.3) should be [unset]
|
||||
Pass CSS Transitions with transition-behavior:allow-discrete: property <clip-path> from [unset] to [circle(40% at 20% 20%)] at (0) should be [unset]
|
||||
Pass CSS Transitions with transition-behavior:allow-discrete: property <clip-path> from [unset] to [circle(40% at 20% 20%)] at (0.3) should be [unset]
|
||||
|
|
@ -136,30 +136,30 @@ Pass Web Animations: property <clip-path> from [unset] to [circle(40% at 20% 20%
|
|||
Pass Web Animations: property <clip-path> from [unset] to [circle(40% at 20% 20%)] at (0.6) should be [circle(40% at 20% 20%)]
|
||||
Pass Web Animations: property <clip-path> from [unset] to [circle(40% at 20% 20%)] at (1) should be [circle(40% at 20% 20%)]
|
||||
Pass Web Animations: property <clip-path> from [unset] to [circle(40% at 20% 20%)] at (1.5) should be [circle(40% at 20% 20%)]
|
||||
Fail CSS Transitions: property <clip-path> from [circle(100% at 0% 0%)] to [circle(50% at 25% 25%)] at (-0.3) should be [circle(115% at -7.5% -7.5%)]
|
||||
Fail CSS Transitions: property <clip-path> from [circle(100% at 0% 0%)] to [circle(50% at 25% 25%)] at (0) should be [circle(100% at 0% 0%)]
|
||||
Fail CSS Transitions: property <clip-path> from [circle(100% at 0% 0%)] to [circle(50% at 25% 25%)] at (0.3) should be [circle(85% at 7.5% 7.5%)]
|
||||
Fail CSS Transitions: property <clip-path> from [circle(100% at 0% 0%)] to [circle(50% at 25% 25%)] at (0.6) should be [circle(70% at 15% 15%)]
|
||||
Pass CSS Transitions: property <clip-path> from [circle(100% at 0% 0%)] to [circle(50% at 25% 25%)] at (-0.3) should be [circle(115% at -7.5% -7.5%)]
|
||||
Pass CSS Transitions: property <clip-path> from [circle(100% at 0% 0%)] to [circle(50% at 25% 25%)] at (0) should be [circle(100% at 0% 0%)]
|
||||
Pass CSS Transitions: property <clip-path> from [circle(100% at 0% 0%)] to [circle(50% at 25% 25%)] at (0.3) should be [circle(85% at 7.5% 7.5%)]
|
||||
Pass CSS Transitions: property <clip-path> from [circle(100% at 0% 0%)] to [circle(50% at 25% 25%)] at (0.6) should be [circle(70% at 15% 15%)]
|
||||
Pass CSS Transitions: property <clip-path> from [circle(100% at 0% 0%)] to [circle(50% at 25% 25%)] at (1) should be [circle(50% at 25% 25%)]
|
||||
Fail CSS Transitions: property <clip-path> from [circle(100% at 0% 0%)] to [circle(50% at 25% 25%)] at (1.5) should be [circle(25% at 37.5% 37.5%)]
|
||||
Fail CSS Transitions with transition: all: property <clip-path> from [circle(100% at 0% 0%)] to [circle(50% at 25% 25%)] at (-0.3) should be [circle(115% at -7.5% -7.5%)]
|
||||
Fail CSS Transitions with transition: all: property <clip-path> from [circle(100% at 0% 0%)] to [circle(50% at 25% 25%)] at (0) should be [circle(100% at 0% 0%)]
|
||||
Fail CSS Transitions with transition: all: property <clip-path> from [circle(100% at 0% 0%)] to [circle(50% at 25% 25%)] at (0.3) should be [circle(85% at 7.5% 7.5%)]
|
||||
Fail CSS Transitions with transition: all: property <clip-path> from [circle(100% at 0% 0%)] to [circle(50% at 25% 25%)] at (0.6) should be [circle(70% at 15% 15%)]
|
||||
Pass CSS Transitions: property <clip-path> from [circle(100% at 0% 0%)] to [circle(50% at 25% 25%)] at (1.5) should be [circle(25% at 37.5% 37.5%)]
|
||||
Pass CSS Transitions with transition: all: property <clip-path> from [circle(100% at 0% 0%)] to [circle(50% at 25% 25%)] at (-0.3) should be [circle(115% at -7.5% -7.5%)]
|
||||
Pass CSS Transitions with transition: all: property <clip-path> from [circle(100% at 0% 0%)] to [circle(50% at 25% 25%)] at (0) should be [circle(100% at 0% 0%)]
|
||||
Pass CSS Transitions with transition: all: property <clip-path> from [circle(100% at 0% 0%)] to [circle(50% at 25% 25%)] at (0.3) should be [circle(85% at 7.5% 7.5%)]
|
||||
Pass CSS Transitions with transition: all: property <clip-path> from [circle(100% at 0% 0%)] to [circle(50% at 25% 25%)] at (0.6) should be [circle(70% at 15% 15%)]
|
||||
Pass CSS Transitions with transition: all: property <clip-path> from [circle(100% at 0% 0%)] to [circle(50% at 25% 25%)] at (1) should be [circle(50% at 25% 25%)]
|
||||
Fail CSS Transitions with transition: all: property <clip-path> from [circle(100% at 0% 0%)] to [circle(50% at 25% 25%)] at (1.5) should be [circle(25% at 37.5% 37.5%)]
|
||||
Fail CSS Animations: property <clip-path> from [circle(100% at 0% 0%)] to [circle(50% at 25% 25%)] at (-0.3) should be [circle(115% at -7.5% -7.5%)]
|
||||
Pass CSS Transitions with transition: all: property <clip-path> from [circle(100% at 0% 0%)] to [circle(50% at 25% 25%)] at (1.5) should be [circle(25% at 37.5% 37.5%)]
|
||||
Pass CSS Animations: property <clip-path> from [circle(100% at 0% 0%)] to [circle(50% at 25% 25%)] at (-0.3) should be [circle(115% at -7.5% -7.5%)]
|
||||
Pass CSS Animations: property <clip-path> from [circle(100% at 0% 0%)] to [circle(50% at 25% 25%)] at (0) should be [circle(100% at 0% 0%)]
|
||||
Fail CSS Animations: property <clip-path> from [circle(100% at 0% 0%)] to [circle(50% at 25% 25%)] at (0.3) should be [circle(85% at 7.5% 7.5%)]
|
||||
Fail CSS Animations: property <clip-path> from [circle(100% at 0% 0%)] to [circle(50% at 25% 25%)] at (0.6) should be [circle(70% at 15% 15%)]
|
||||
Pass CSS Animations: property <clip-path> from [circle(100% at 0% 0%)] to [circle(50% at 25% 25%)] at (0.3) should be [circle(85% at 7.5% 7.5%)]
|
||||
Pass CSS Animations: property <clip-path> from [circle(100% at 0% 0%)] to [circle(50% at 25% 25%)] at (0.6) should be [circle(70% at 15% 15%)]
|
||||
Pass CSS Animations: property <clip-path> from [circle(100% at 0% 0%)] to [circle(50% at 25% 25%)] at (1) should be [circle(50% at 25% 25%)]
|
||||
Fail CSS Animations: property <clip-path> from [circle(100% at 0% 0%)] to [circle(50% at 25% 25%)] at (1.5) should be [circle(25% at 37.5% 37.5%)]
|
||||
Fail Web Animations: property <clip-path> from [circle(100% at 0% 0%)] to [circle(50% at 25% 25%)] at (-0.3) should be [circle(115% at -7.5% -7.5%)]
|
||||
Pass CSS Animations: property <clip-path> from [circle(100% at 0% 0%)] to [circle(50% at 25% 25%)] at (1.5) should be [circle(25% at 37.5% 37.5%)]
|
||||
Pass Web Animations: property <clip-path> from [circle(100% at 0% 0%)] to [circle(50% at 25% 25%)] at (-0.3) should be [circle(115% at -7.5% -7.5%)]
|
||||
Pass Web Animations: property <clip-path> from [circle(100% at 0% 0%)] to [circle(50% at 25% 25%)] at (0) should be [circle(100% at 0% 0%)]
|
||||
Fail Web Animations: property <clip-path> from [circle(100% at 0% 0%)] to [circle(50% at 25% 25%)] at (0.3) should be [circle(85% at 7.5% 7.5%)]
|
||||
Fail Web Animations: property <clip-path> from [circle(100% at 0% 0%)] to [circle(50% at 25% 25%)] at (0.6) should be [circle(70% at 15% 15%)]
|
||||
Pass Web Animations: property <clip-path> from [circle(100% at 0% 0%)] to [circle(50% at 25% 25%)] at (0.3) should be [circle(85% at 7.5% 7.5%)]
|
||||
Pass Web Animations: property <clip-path> from [circle(100% at 0% 0%)] to [circle(50% at 25% 25%)] at (0.6) should be [circle(70% at 15% 15%)]
|
||||
Pass Web Animations: property <clip-path> from [circle(100% at 0% 0%)] to [circle(50% at 25% 25%)] at (1) should be [circle(50% at 25% 25%)]
|
||||
Fail Web Animations: property <clip-path> from [circle(100% at 0% 0%)] to [circle(50% at 25% 25%)] at (1.5) should be [circle(25% at 37.5% 37.5%)]
|
||||
Pass Web Animations: property <clip-path> from [circle(100% at 0% 0%)] to [circle(50% at 25% 25%)] at (1.5) should be [circle(25% at 37.5% 37.5%)]
|
||||
Fail CSS Transitions: property <clip-path> from [ellipse(100% 100% at 0% 0%)] to [ellipse(50% 50% at 25% 25%)] at (-0.3) should be [ellipse(115% 115% at -7.5% -7.5%)]
|
||||
Fail CSS Transitions: property <clip-path> from [ellipse(100% 100% at 0% 0%)] to [ellipse(50% 50% at 25% 25%)] at (0) should be [ellipse(100% 100% at 0% 0%)]
|
||||
Fail CSS Transitions: property <clip-path> from [ellipse(100% 100% at 0% 0%)] to [ellipse(50% 50% at 25% 25%)] at (0.3) should be [ellipse(85% 85% at 7.5% 7.5%)]
|
||||
|
|
|
|||
|
|
@ -2,8 +2,8 @@ Harness status: OK
|
|||
|
||||
Found 720 tests
|
||||
|
||||
616 Pass
|
||||
104 Fail
|
||||
630 Pass
|
||||
90 Fail
|
||||
Pass CSS Transitions: property <clip-path> from neutral to [inset(20px)] at (-0.3) should be [inset(7px)]
|
||||
Pass CSS Transitions: property <clip-path> from neutral to [inset(20px)] at (0) should be [inset(10px)]
|
||||
Pass CSS Transitions: property <clip-path> from neutral to [inset(20px)] at (0.3) should be [inset(13px)]
|
||||
|
|
@ -179,29 +179,29 @@ Pass Web Animations: property <clip-path> from [none] to [circle(3px at 1px 2px)
|
|||
Pass Web Animations: property <clip-path> from [none] to [circle(3px at 1px 2px)] at (1) should be [circle(3px at 1px 2px)]
|
||||
Pass Web Animations: property <clip-path> from [none] to [circle(3px at 1px 2px)] at (1.5) should be [circle(3px at 1px 2px)]
|
||||
Fail CSS Transitions: property <clip-path> from [circle(10px at 25px 75%)] to [circle(50px at 50px center)] at (-0.3) should be [circle(0px at 17.5px 82.5%)]
|
||||
Fail CSS Transitions: property <clip-path> from [circle(10px at 25px 75%)] to [circle(50px at 50px center)] at (0) should be [circle(10px at 25px 75%)]
|
||||
Fail CSS Transitions: property <clip-path> from [circle(10px at 25px 75%)] to [circle(50px at 50px center)] at (0.3) should be [circle(22px at 32.5px 67.5%)]
|
||||
Fail CSS Transitions: property <clip-path> from [circle(10px at 25px 75%)] to [circle(50px at 50px center)] at (0.6) should be [circle(34px at 40px 60%)]
|
||||
Pass CSS Transitions: property <clip-path> from [circle(10px at 25px 75%)] to [circle(50px at 50px center)] at (0) should be [circle(10px at 25px 75%)]
|
||||
Pass CSS Transitions: property <clip-path> from [circle(10px at 25px 75%)] to [circle(50px at 50px center)] at (0.3) should be [circle(22px at 32.5px 67.5%)]
|
||||
Pass CSS Transitions: property <clip-path> from [circle(10px at 25px 75%)] to [circle(50px at 50px center)] at (0.6) should be [circle(34px at 40px 60%)]
|
||||
Pass CSS Transitions: property <clip-path> from [circle(10px at 25px 75%)] to [circle(50px at 50px center)] at (1) should be [circle(50px at 50px 50%)]
|
||||
Fail CSS Transitions: property <clip-path> from [circle(10px at 25px 75%)] to [circle(50px at 50px center)] at (1.5) should be [circle(70px at 62.5px 37.5%)]
|
||||
Pass CSS Transitions: property <clip-path> from [circle(10px at 25px 75%)] to [circle(50px at 50px center)] at (1.5) should be [circle(70px at 62.5px 37.5%)]
|
||||
Fail CSS Transitions with transition: all: property <clip-path> from [circle(10px at 25px 75%)] to [circle(50px at 50px center)] at (-0.3) should be [circle(0px at 17.5px 82.5%)]
|
||||
Fail CSS Transitions with transition: all: property <clip-path> from [circle(10px at 25px 75%)] to [circle(50px at 50px center)] at (0) should be [circle(10px at 25px 75%)]
|
||||
Fail CSS Transitions with transition: all: property <clip-path> from [circle(10px at 25px 75%)] to [circle(50px at 50px center)] at (0.3) should be [circle(22px at 32.5px 67.5%)]
|
||||
Fail CSS Transitions with transition: all: property <clip-path> from [circle(10px at 25px 75%)] to [circle(50px at 50px center)] at (0.6) should be [circle(34px at 40px 60%)]
|
||||
Pass CSS Transitions with transition: all: property <clip-path> from [circle(10px at 25px 75%)] to [circle(50px at 50px center)] at (0) should be [circle(10px at 25px 75%)]
|
||||
Pass CSS Transitions with transition: all: property <clip-path> from [circle(10px at 25px 75%)] to [circle(50px at 50px center)] at (0.3) should be [circle(22px at 32.5px 67.5%)]
|
||||
Pass CSS Transitions with transition: all: property <clip-path> from [circle(10px at 25px 75%)] to [circle(50px at 50px center)] at (0.6) should be [circle(34px at 40px 60%)]
|
||||
Pass CSS Transitions with transition: all: property <clip-path> from [circle(10px at 25px 75%)] to [circle(50px at 50px center)] at (1) should be [circle(50px at 50px 50%)]
|
||||
Fail CSS Transitions with transition: all: property <clip-path> from [circle(10px at 25px 75%)] to [circle(50px at 50px center)] at (1.5) should be [circle(70px at 62.5px 37.5%)]
|
||||
Pass CSS Transitions with transition: all: property <clip-path> from [circle(10px at 25px 75%)] to [circle(50px at 50px center)] at (1.5) should be [circle(70px at 62.5px 37.5%)]
|
||||
Fail CSS Animations: property <clip-path> from [circle(10px at 25px 75%)] to [circle(50px at 50px center)] at (-0.3) should be [circle(0px at 17.5px 82.5%)]
|
||||
Pass CSS Animations: property <clip-path> from [circle(10px at 25px 75%)] to [circle(50px at 50px center)] at (0) should be [circle(10px at 25px 75%)]
|
||||
Fail CSS Animations: property <clip-path> from [circle(10px at 25px 75%)] to [circle(50px at 50px center)] at (0.3) should be [circle(22px at 32.5px 67.5%)]
|
||||
Fail CSS Animations: property <clip-path> from [circle(10px at 25px 75%)] to [circle(50px at 50px center)] at (0.6) should be [circle(34px at 40px 60%)]
|
||||
Pass CSS Animations: property <clip-path> from [circle(10px at 25px 75%)] to [circle(50px at 50px center)] at (0.3) should be [circle(22px at 32.5px 67.5%)]
|
||||
Pass CSS Animations: property <clip-path> from [circle(10px at 25px 75%)] to [circle(50px at 50px center)] at (0.6) should be [circle(34px at 40px 60%)]
|
||||
Pass CSS Animations: property <clip-path> from [circle(10px at 25px 75%)] to [circle(50px at 50px center)] at (1) should be [circle(50px at 50px 50%)]
|
||||
Fail CSS Animations: property <clip-path> from [circle(10px at 25px 75%)] to [circle(50px at 50px center)] at (1.5) should be [circle(70px at 62.5px 37.5%)]
|
||||
Pass CSS Animations: property <clip-path> from [circle(10px at 25px 75%)] to [circle(50px at 50px center)] at (1.5) should be [circle(70px at 62.5px 37.5%)]
|
||||
Fail Web Animations: property <clip-path> from [circle(10px at 25px 75%)] to [circle(50px at 50px center)] at (-0.3) should be [circle(0px at 17.5px 82.5%)]
|
||||
Pass Web Animations: property <clip-path> from [circle(10px at 25px 75%)] to [circle(50px at 50px center)] at (0) should be [circle(10px at 25px 75%)]
|
||||
Fail Web Animations: property <clip-path> from [circle(10px at 25px 75%)] to [circle(50px at 50px center)] at (0.3) should be [circle(22px at 32.5px 67.5%)]
|
||||
Fail Web Animations: property <clip-path> from [circle(10px at 25px 75%)] to [circle(50px at 50px center)] at (0.6) should be [circle(34px at 40px 60%)]
|
||||
Pass Web Animations: property <clip-path> from [circle(10px at 25px 75%)] to [circle(50px at 50px center)] at (0.3) should be [circle(22px at 32.5px 67.5%)]
|
||||
Pass Web Animations: property <clip-path> from [circle(10px at 25px 75%)] to [circle(50px at 50px center)] at (0.6) should be [circle(34px at 40px 60%)]
|
||||
Pass Web Animations: property <clip-path> from [circle(10px at 25px 75%)] to [circle(50px at 50px center)] at (1) should be [circle(50px at 50px 50%)]
|
||||
Fail Web Animations: property <clip-path> from [circle(10px at 25px 75%)] to [circle(50px at 50px center)] at (1.5) should be [circle(70px at 62.5px 37.5%)]
|
||||
Pass Web Animations: property <clip-path> from [circle(10px at 25px 75%)] to [circle(50px at 50px center)] at (1.5) should be [circle(70px at 62.5px 37.5%)]
|
||||
Pass CSS Transitions with transition-behavior:allow-discrete: property <clip-path> from [circle(farthest-side at 25px 75%)] to [circle(farthest-side at 50px center)] at (-0.3) should be [circle(farthest-side at 25px 75%)]
|
||||
Pass CSS Transitions with transition-behavior:allow-discrete: property <clip-path> from [circle(farthest-side at 25px 75%)] to [circle(farthest-side at 50px center)] at (0) should be [circle(farthest-side at 25px 75%)]
|
||||
Pass CSS Transitions with transition-behavior:allow-discrete: property <clip-path> from [circle(farthest-side at 25px 75%)] to [circle(farthest-side at 50px center)] at (0.3) should be [circle(farthest-side at 25px 75%)]
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue