OSSForks/ladybird
1
0
Fork 0
mirror of https://github.com/zebrajr/ladybird.git synced 2025-12-06 00:19:53 +01:00
Code Issues Actions 3 Packages Projects Releases Wiki Activity

LibWeb/CSS: Parse mask-position property

Browse Source
This commit is contained in:
InvalidUsernameException 2025-07-18 20:36:08 +02:00 committed by Sam Atkins
parent d022eea9fc
commit 667f195d1e
7 changed files with 176 additions and 157 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
Libraries/LibWeb/CSS/Parser/PropertyParsing.cpp
View File

@ -669,6 +669,10 @@ Parser::ParseErrorOr<NonnullRefPtr<CSSStyleValue const>> Parser::parse_css_value
if (auto parsed_value = parse_simple_comma_separated_value_list(property_id, tokens))
return parsed_value.release_nonnull();
return ParseError::SyntaxError;
case PropertyID::MaskPosition:
if (auto parsed_value = parse_comma_separated_value_list(tokens, [this](auto& tokens) { return parse_position_value(tokens); }))
return parsed_value.release_nonnull();
return ParseError::SyntaxError;
case PropertyID::Opacity:
case PropertyID::FillOpacity:
case PropertyID::FloodOpacity:

10
Libraries/LibWeb/CSS/Properties.json
View File

@ -2415,6 +2415,16 @@
],
"initial": "match-source"
},
"mask-position": {
"animation-type": "repeatable-list",
"affects-layout": false,
"inherited": false,
"initial": "0% 0%",
"valid-types": [
"position"
],
"percentages-resolve-to": "length"
},
"mask-type": {
"animation-type": "discrete",
"inherited": false,

1
Tests/LibWeb/Text/expected/css/CSSStyleDeclaration-has-indexed-property-getter.txt
View File

@ -189,6 +189,7 @@ All properties associated with getComputedStyle(document.body):
"mask-composite",
"mask-image",
"mask-mode",
"mask-position",
"mask-type",
"max-block-size",
"max-height",

2
Tests/LibWeb/Text/expected/css/CSSStyleProperties-all-supported-properties-and-default-values.txt
View File

@ -531,6 +531,8 @@ All supported properties and their default values exposed from CSSStylePropertie
'mask-image': 'none'
'maskMode': 'match-source'
'mask-mode': 'match-source'
'maskPosition': '0% 0%'
'mask-position': '0% 0%'
'maskType': 'luminance'
'mask-type': 'luminance'
'mathDepth': '0'

1
Tests/LibWeb/Text/expected/css/getComputedStyle-print-all.txt
View File

@ -187,6 +187,7 @@ margin-top: 8px
mask-composite: add
mask-image: none
mask-mode: match-source
mask-position: 0% 0%
mask-type: luminance
max-block-size: none
max-height: none

267
Tests/LibWeb/Text/expected/wpt-import/css/css-masking/animations/mask-position-interpolation.txt
View File

@ -2,34 +2,35 @@ Harness status: OK
Found 196 tests
196 Fail
Fail CSS Transitions: property <mask-position> from neutral to [20px 20px] at (-0.25) should be [7.5px 32.5px]
Fail CSS Transitions: property <mask-position> from neutral to [20px 20px] at (0) should be [10px 30px]
Fail CSS Transitions: property <mask-position> from neutral to [20px 20px] at (0.25) should be [12.5px 27.5px]
Fail CSS Transitions: property <mask-position> from neutral to [20px 20px] at (0.5) should be [15px 25px]
Fail CSS Transitions: property <mask-position> from neutral to [20px 20px] at (0.75) should be [17.5px 22.5px]
Fail CSS Transitions: property <mask-position> from neutral to [20px 20px] at (1) should be [20px 20px]
Fail CSS Transitions: property <mask-position> from neutral to [20px 20px] at (1.25) should be [22.5px 17.5px]
Fail CSS Transitions with transition: all: property <mask-position> from neutral to [20px 20px] at (-0.25) should be [7.5px 32.5px]
Fail CSS Transitions with transition: all: property <mask-position> from neutral to [20px 20px] at (0) should be [10px 30px]
Fail CSS Transitions with transition: all: property <mask-position> from neutral to [20px 20px] at (0.25) should be [12.5px 27.5px]
Fail CSS Transitions with transition: all: property <mask-position> from neutral to [20px 20px] at (0.5) should be [15px 25px]
Fail CSS Transitions with transition: all: property <mask-position> from neutral to [20px 20px] at (0.75) should be [17.5px 22.5px]
Fail CSS Transitions with transition: all: property <mask-position> from neutral to [20px 20px] at (1) should be [20px 20px]
Fail CSS Transitions with transition: all: property <mask-position> from neutral to [20px 20px] at (1.25) should be [22.5px 17.5px]
132 Pass
64 Fail
Pass CSS Transitions: property <mask-position> from neutral to [20px 20px] at (-0.25) should be [7.5px 32.5px]
Pass CSS Transitions: property <mask-position> from neutral to [20px 20px] at (0) should be [10px 30px]
Pass CSS Transitions: property <mask-position> from neutral to [20px 20px] at (0.25) should be [12.5px 27.5px]
Pass CSS Transitions: property <mask-position> from neutral to [20px 20px] at (0.5) should be [15px 25px]
Pass CSS Transitions: property <mask-position> from neutral to [20px 20px] at (0.75) should be [17.5px 22.5px]
Pass CSS Transitions: property <mask-position> from neutral to [20px 20px] at (1) should be [20px 20px]
Pass CSS Transitions: property <mask-position> from neutral to [20px 20px] at (1.25) should be [22.5px 17.5px]
Pass CSS Transitions with transition: all: property <mask-position> from neutral to [20px 20px] at (-0.25) should be [7.5px 32.5px]
Pass CSS Transitions with transition: all: property <mask-position> from neutral to [20px 20px] at (0) should be [10px 30px]
Pass CSS Transitions with transition: all: property <mask-position> from neutral to [20px 20px] at (0.25) should be [12.5px 27.5px]
Pass CSS Transitions with transition: all: property <mask-position> from neutral to [20px 20px] at (0.5) should be [15px 25px]
Pass CSS Transitions with transition: all: property <mask-position> from neutral to [20px 20px] at (0.75) should be [17.5px 22.5px]
Pass CSS Transitions with transition: all: property <mask-position> from neutral to [20px 20px] at (1) should be [20px 20px]
Pass CSS Transitions with transition: all: property <mask-position> from neutral to [20px 20px] at (1.25) should be [22.5px 17.5px]
Fail CSS Animations: property <mask-position> from neutral to [20px 20px] at (-0.25) should be [7.5px 32.5px]
Fail CSS Animations: property <mask-position> from neutral to [20px 20px] at (0) should be [10px 30px]
Fail CSS Animations: property <mask-position> from neutral to [20px 20px] at (0.25) should be [12.5px 27.5px]
Fail CSS Animations: property <mask-position> from neutral to [20px 20px] at (0.5) should be [15px 25px]
Fail CSS Animations: property <mask-position> from neutral to [20px 20px] at (0.75) should be [17.5px 22.5px]
Fail CSS Animations: property <mask-position> from neutral to [20px 20px] at (1) should be [20px 20px]
Pass CSS Animations: property <mask-position> from neutral to [20px 20px] at (1) should be [20px 20px]
Fail CSS Animations: property <mask-position> from neutral to [20px 20px] at (1.25) should be [22.5px 17.5px]
Fail Web Animations: property <mask-position> from neutral to [20px 20px] at (-0.25) should be [7.5px 32.5px]
Fail Web Animations: property <mask-position> from neutral to [20px 20px] at (0) should be [10px 30px]
Fail Web Animations: property <mask-position> from neutral to [20px 20px] at (0.25) should be [12.5px 27.5px]
Fail Web Animations: property <mask-position> from neutral to [20px 20px] at (0.5) should be [15px 25px]
Fail Web Animations: property <mask-position> from neutral to [20px 20px] at (0.75) should be [17.5px 22.5px]
Fail Web Animations: property <mask-position> from neutral to [20px 20px] at (1) should be [20px 20px]
Pass Web Animations: property <mask-position> from neutral to [20px 20px] at (1) should be [20px 20px]
Fail Web Animations: property <mask-position> from neutral to [20px 20px] at (1.25) should be [22.5px 17.5px]
Fail CSS Transitions: property <mask-position> from [initial] to [20px 20px] at (-0.25) should be [calc(0% - 5px) calc(0% - 5px)]
Fail CSS Transitions: property <mask-position> from [initial] to [20px 20px] at (0) should be [0% 0%]
@ -46,47 +47,47 @@ Fail CSS Transitions with transition: all: property <mask-position> from [initia
Fail CSS Transitions with transition: all: property <mask-position> from [initial] to [20px 20px] at (1) should be [calc(0% + 20px) calc(0% + 20px)]
Fail CSS Transitions with transition: all: property <mask-position> from [initial] to [20px 20px] at (1.25) should be [calc(0% + 25px) calc(0% + 25px)]
Fail CSS Animations: property <mask-position> from [initial] to [20px 20px] at (-0.25) should be [calc(0% - 5px) calc(0% - 5px)]
Fail CSS Animations: property <mask-position> from [initial] to [20px 20px] at (0) should be [0% 0%]
Pass CSS Animations: property <mask-position> from [initial] to [20px 20px] at (0) should be [0% 0%]
Fail CSS Animations: property <mask-position> from [initial] to [20px 20px] at (0.25) should be [calc(0% + 5px) calc(0% + 5px)]
Fail CSS Animations: property <mask-position> from [initial] to [20px 20px] at (0.5) should be [calc(0% + 10px) calc(0% + 10px)]
Fail CSS Animations: property <mask-position> from [initial] to [20px 20px] at (0.75) should be [calc(0% + 15px) calc(0% + 15px)]
Fail CSS Animations: property <mask-position> from [initial] to [20px 20px] at (1) should be [calc(0% + 20px) calc(0% + 20px)]
Fail CSS Animations: property <mask-position> from [initial] to [20px 20px] at (1.25) should be [calc(0% + 25px) calc(0% + 25px)]
Fail Web Animations: property <mask-position> from [initial] to [20px 20px] at (-0.25) should be [calc(0% - 5px) calc(0% - 5px)]
Fail Web Animations: property <mask-position> from [initial] to [20px 20px] at (0) should be [0% 0%]
Pass Web Animations: property <mask-position> from [initial] to [20px 20px] at (0) should be [0% 0%]
Fail Web Animations: property <mask-position> from [initial] to [20px 20px] at (0.25) should be [calc(0% + 5px) calc(0% + 5px)]
Fail Web Animations: property <mask-position> from [initial] to [20px 20px] at (0.5) should be [calc(0% + 10px) calc(0% + 10px)]
Fail Web Animations: property <mask-position> from [initial] to [20px 20px] at (0.75) should be [calc(0% + 15px) calc(0% + 15px)]
Fail Web Animations: property <mask-position> from [initial] to [20px 20px] at (1) should be [calc(0% + 20px) calc(0% + 20px)]
Fail Web Animations: property <mask-position> from [initial] to [20px 20px] at (1.25) should be [calc(0% + 25px) calc(0% + 25px)]
Fail CSS Transitions: property <mask-position> from [inherit] to [20px 20px] at (-0.25) should be [32.5px 7.5px]
Fail CSS Transitions: property <mask-position> from [inherit] to [20px 20px] at (0) should be [30px 10px]
Fail CSS Transitions: property <mask-position> from [inherit] to [20px 20px] at (0.25) should be [27.5px 12.5px]
Fail CSS Transitions: property <mask-position> from [inherit] to [20px 20px] at (0.5) should be [25px 15px]
Fail CSS Transitions: property <mask-position> from [inherit] to [20px 20px] at (0.75) should be [22.5px 17.5px]
Fail CSS Transitions: property <mask-position> from [inherit] to [20px 20px] at (1) should be [20px 20px]
Fail CSS Transitions: property <mask-position> from [inherit] to [20px 20px] at (1.25) should be [17.5px 22.5px]
Fail CSS Transitions with transition: all: property <mask-position> from [inherit] to [20px 20px] at (-0.25) should be [32.5px 7.5px]
Fail CSS Transitions with transition: all: property <mask-position> from [inherit] to [20px 20px] at (0) should be [30px 10px]
Fail CSS Transitions with transition: all: property <mask-position> from [inherit] to [20px 20px] at (0.25) should be [27.5px 12.5px]
Fail CSS Transitions with transition: all: property <mask-position> from [inherit] to [20px 20px] at (0.5) should be [25px 15px]
Fail CSS Transitions with transition: all: property <mask-position> from [inherit] to [20px 20px] at (0.75) should be [22.5px 17.5px]
Fail CSS Transitions with transition: all: property <mask-position> from [inherit] to [20px 20px] at (1) should be [20px 20px]
Fail CSS Transitions with transition: all: property <mask-position> from [inherit] to [20px 20px] at (1.25) should be [17.5px 22.5px]
Fail CSS Animations: property <mask-position> from [inherit] to [20px 20px] at (-0.25) should be [32.5px 7.5px]
Fail CSS Animations: property <mask-position> from [inherit] to [20px 20px] at (0) should be [30px 10px]
Fail CSS Animations: property <mask-position> from [inherit] to [20px 20px] at (0.25) should be [27.5px 12.5px]
Fail CSS Animations: property <mask-position> from [inherit] to [20px 20px] at (0.5) should be [25px 15px]
Fail CSS Animations: property <mask-position> from [inherit] to [20px 20px] at (0.75) should be [22.5px 17.5px]
Fail CSS Animations: property <mask-position> from [inherit] to [20px 20px] at (1) should be [20px 20px]
Fail CSS Animations: property <mask-position> from [inherit] to [20px 20px] at (1.25) should be [17.5px 22.5px]
Fail Web Animations: property <mask-position> from [inherit] to [20px 20px] at (-0.25) should be [32.5px 7.5px]
Fail Web Animations: property <mask-position> from [inherit] to [20px 20px] at (0) should be [30px 10px]
Fail Web Animations: property <mask-position> from [inherit] to [20px 20px] at (0.25) should be [27.5px 12.5px]
Fail Web Animations: property <mask-position> from [inherit] to [20px 20px] at (0.5) should be [25px 15px]
Fail Web Animations: property <mask-position> from [inherit] to [20px 20px] at (0.75) should be [22.5px 17.5px]
Fail Web Animations: property <mask-position> from [inherit] to [20px 20px] at (1) should be [20px 20px]
Fail Web Animations: property <mask-position> from [inherit] to [20px 20px] at (1.25) should be [17.5px 22.5px]
Pass CSS Transitions: property <mask-position> from [inherit] to [20px 20px] at (-0.25) should be [32.5px 7.5px]
Pass CSS Transitions: property <mask-position> from [inherit] to [20px 20px] at (0) should be [30px 10px]
Pass CSS Transitions: property <mask-position> from [inherit] to [20px 20px] at (0.25) should be [27.5px 12.5px]
Pass CSS Transitions: property <mask-position> from [inherit] to [20px 20px] at (0.5) should be [25px 15px]
Pass CSS Transitions: property <mask-position> from [inherit] to [20px 20px] at (0.75) should be [22.5px 17.5px]
Pass CSS Transitions: property <mask-position> from [inherit] to [20px 20px] at (1) should be [20px 20px]
Pass CSS Transitions: property <mask-position> from [inherit] to [20px 20px] at (1.25) should be [17.5px 22.5px]
Pass CSS Transitions with transition: all: property <mask-position> from [inherit] to [20px 20px] at (-0.25) should be [32.5px 7.5px]
Pass CSS Transitions with transition: all: property <mask-position> from [inherit] to [20px 20px] at (0) should be [30px 10px]
Pass CSS Transitions with transition: all: property <mask-position> from [inherit] to [20px 20px] at (0.25) should be [27.5px 12.5px]
Pass CSS Transitions with transition: all: property <mask-position> from [inherit] to [20px 20px] at (0.5) should be [25px 15px]
Pass CSS Transitions with transition: all: property <mask-position> from [inherit] to [20px 20px] at (0.75) should be [22.5px 17.5px]
Pass CSS Transitions with transition: all: property <mask-position> from [inherit] to [20px 20px] at (1) should be [20px 20px]
Pass CSS Transitions with transition: all: property <mask-position> from [inherit] to [20px 20px] at (1.25) should be [17.5px 22.5px]
Pass CSS Animations: property <mask-position> from [inherit] to [20px 20px] at (-0.25) should be [32.5px 7.5px]
Pass CSS Animations: property <mask-position> from [inherit] to [20px 20px] at (0) should be [30px 10px]
Pass CSS Animations: property <mask-position> from [inherit] to [20px 20px] at (0.25) should be [27.5px 12.5px]
Pass CSS Animations: property <mask-position> from [inherit] to [20px 20px] at (0.5) should be [25px 15px]
Pass CSS Animations: property <mask-position> from [inherit] to [20px 20px] at (0.75) should be [22.5px 17.5px]
Pass CSS Animations: property <mask-position> from [inherit] to [20px 20px] at (1) should be [20px 20px]
Pass CSS Animations: property <mask-position> from [inherit] to [20px 20px] at (1.25) should be [17.5px 22.5px]
Pass Web Animations: property <mask-position> from [inherit] to [20px 20px] at (-0.25) should be [32.5px 7.5px]
Pass Web Animations: property <mask-position> from [inherit] to [20px 20px] at (0) should be [30px 10px]
Pass Web Animations: property <mask-position> from [inherit] to [20px 20px] at (0.25) should be [27.5px 12.5px]
Pass Web Animations: property <mask-position> from [inherit] to [20px 20px] at (0.5) should be [25px 15px]
Pass Web Animations: property <mask-position> from [inherit] to [20px 20px] at (0.75) should be [22.5px 17.5px]
Pass Web Animations: property <mask-position> from [inherit] to [20px 20px] at (1) should be [20px 20px]
Pass Web Animations: property <mask-position> from [inherit] to [20px 20px] at (1.25) should be [17.5px 22.5px]
Fail CSS Transitions: property <mask-position> from [unset] to [20px 20px] at (-0.25) should be [calc(0% - 5px) calc(0% - 5px)]
Fail CSS Transitions: property <mask-position> from [unset] to [20px 20px] at (0) should be [0% 0%]
Fail CSS Transitions: property <mask-position> from [unset] to [20px 20px] at (0.25) should be [calc(0% + 5px) calc(0% + 5px)]
@ -102,100 +103,100 @@ Fail CSS Transitions with transition: all: property <mask-position> from [unset]
Fail CSS Transitions with transition: all: property <mask-position> from [unset] to [20px 20px] at (1) should be [calc(0% + 20px) calc(0% + 20px)]
Fail CSS Transitions with transition: all: property <mask-position> from [unset] to [20px 20px] at (1.25) should be [calc(0% + 25px) calc(0% + 25px)]
Fail CSS Animations: property <mask-position> from [unset] to [20px 20px] at (-0.25) should be [calc(0% - 5px) calc(0% - 5px)]
Fail CSS Animations: property <mask-position> from [unset] to [20px 20px] at (0) should be [0% 0%]
Pass CSS Animations: property <mask-position> from [unset] to [20px 20px] at (0) should be [0% 0%]
Fail CSS Animations: property <mask-position> from [unset] to [20px 20px] at (0.25) should be [calc(0% + 5px) calc(0% + 5px)]
Fail CSS Animations: property <mask-position> from [unset] to [20px 20px] at (0.5) should be [calc(0% + 10px) calc(0% + 10px)]
Fail CSS Animations: property <mask-position> from [unset] to [20px 20px] at (0.75) should be [calc(0% + 15px) calc(0% + 15px)]
Fail CSS Animations: property <mask-position> from [unset] to [20px 20px] at (1) should be [calc(0% + 20px) calc(0% + 20px)]
Fail CSS Animations: property <mask-position> from [unset] to [20px 20px] at (1.25) should be [calc(0% + 25px) calc(0% + 25px)]
Fail Web Animations: property <mask-position> from [unset] to [20px 20px] at (-0.25) should be [calc(0% - 5px) calc(0% - 5px)]
Fail Web Animations: property <mask-position> from [unset] to [20px 20px] at (0) should be [0% 0%]
Pass Web Animations: property <mask-position> from [unset] to [20px 20px] at (0) should be [0% 0%]
Fail Web Animations: property <mask-position> from [unset] to [20px 20px] at (0.25) should be [calc(0% + 5px) calc(0% + 5px)]
Fail Web Animations: property <mask-position> from [unset] to [20px 20px] at (0.5) should be [calc(0% + 10px) calc(0% + 10px)]
Fail Web Animations: property <mask-position> from [unset] to [20px 20px] at (0.75) should be [calc(0% + 15px) calc(0% + 15px)]
Fail Web Animations: property <mask-position> from [unset] to [20px 20px] at (1) should be [calc(0% + 20px) calc(0% + 20px)]
Fail Web Animations: property <mask-position> from [unset] to [20px 20px] at (1.25) should be [calc(0% + 25px) calc(0% + 25px)]
Fail CSS Transitions: property <mask-position> from [0px 0px, 0px 0px, 0px 0px, 0px 0px] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (-0.25) should be [-20px -20px, -20px -20px, -20px -20px, -20px -20px]
Fail CSS Transitions: property <mask-position> from [0px 0px, 0px 0px, 0px 0px, 0px 0px] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0) should be [ 0px 0px, 0px 0px, 0px 0px, 0px 0px]
Fail CSS Transitions: property <mask-position> from [0px 0px, 0px 0px, 0px 0px, 0px 0px] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0.25) should be [ 20px 20px, 20px 20px, 20px 20px, 20px 20px]
Fail CSS Transitions: property <mask-position> from [0px 0px, 0px 0px, 0px 0px, 0px 0px] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0.5) should be [ 40px 40px, 40px 40px, 40px 40px, 40px 40px]
Fail CSS Transitions: property <mask-position> from [0px 0px, 0px 0px, 0px 0px, 0px 0px] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0.75) should be [ 60px 60px, 60px 60px, 60px 60px, 60px 60px]
Fail CSS Transitions: property <mask-position> from [0px 0px, 0px 0px, 0px 0px, 0px 0px] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (1) should be [ 80px 80px, 80px 80px, 80px 80px, 80px 80px]
Fail CSS Transitions: property <mask-position> from [0px 0px, 0px 0px, 0px 0px, 0px 0px] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (1.25) should be [100px 100px, 100px 100px, 100px 100px, 100px 100px]
Fail CSS Transitions with transition: all: property <mask-position> from [0px 0px, 0px 0px, 0px 0px, 0px 0px] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (-0.25) should be [-20px -20px, -20px -20px, -20px -20px, -20px -20px]
Fail CSS Transitions with transition: all: property <mask-position> from [0px 0px, 0px 0px, 0px 0px, 0px 0px] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0) should be [ 0px 0px, 0px 0px, 0px 0px, 0px 0px]
Fail CSS Transitions with transition: all: property <mask-position> from [0px 0px, 0px 0px, 0px 0px, 0px 0px] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0.25) should be [ 20px 20px, 20px 20px, 20px 20px, 20px 20px]
Fail CSS Transitions with transition: all: property <mask-position> from [0px 0px, 0px 0px, 0px 0px, 0px 0px] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0.5) should be [ 40px 40px, 40px 40px, 40px 40px, 40px 40px]
Fail CSS Transitions with transition: all: property <mask-position> from [0px 0px, 0px 0px, 0px 0px, 0px 0px] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0.75) should be [ 60px 60px, 60px 60px, 60px 60px, 60px 60px]
Fail CSS Transitions with transition: all: property <mask-position> from [0px 0px, 0px 0px, 0px 0px, 0px 0px] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (1) should be [ 80px 80px, 80px 80px, 80px 80px, 80px 80px]
Fail CSS Transitions with transition: all: property <mask-position> from [0px 0px, 0px 0px, 0px 0px, 0px 0px] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (1.25) should be [100px 100px, 100px 100px, 100px 100px, 100px 100px]
Fail CSS Animations: property <mask-position> from [0px 0px, 0px 0px, 0px 0px, 0px 0px] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (-0.25) should be [-20px -20px, -20px -20px, -20px -20px, -20px -20px]
Fail CSS Animations: property <mask-position> from [0px 0px, 0px 0px, 0px 0px, 0px 0px] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0) should be [ 0px 0px, 0px 0px, 0px 0px, 0px 0px]
Fail CSS Animations: property <mask-position> from [0px 0px, 0px 0px, 0px 0px, 0px 0px] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0.25) should be [ 20px 20px, 20px 20px, 20px 20px, 20px 20px]
Fail CSS Animations: property <mask-position> from [0px 0px, 0px 0px, 0px 0px, 0px 0px] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0.5) should be [ 40px 40px, 40px 40px, 40px 40px, 40px 40px]
Fail CSS Animations: property <mask-position> from [0px 0px, 0px 0px, 0px 0px, 0px 0px] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0.75) should be [ 60px 60px, 60px 60px, 60px 60px, 60px 60px]
Fail CSS Animations: property <mask-position> from [0px 0px, 0px 0px, 0px 0px, 0px 0px] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (1) should be [ 80px 80px, 80px 80px, 80px 80px, 80px 80px]
Fail CSS Animations: property <mask-position> from [0px 0px, 0px 0px, 0px 0px, 0px 0px] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (1.25) should be [100px 100px, 100px 100px, 100px 100px, 100px 100px]
Fail Web Animations: property <mask-position> from [0px 0px, 0px 0px, 0px 0px, 0px 0px] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (-0.25) should be [-20px -20px, -20px -20px, -20px -20px, -20px -20px]
Fail Web Animations: property <mask-position> from [0px 0px, 0px 0px, 0px 0px, 0px 0px] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0) should be [ 0px 0px, 0px 0px, 0px 0px, 0px 0px]
Fail Web Animations: property <mask-position> from [0px 0px, 0px 0px, 0px 0px, 0px 0px] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0.25) should be [ 20px 20px, 20px 20px, 20px 20px, 20px 20px]
Fail Web Animations: property <mask-position> from [0px 0px, 0px 0px, 0px 0px, 0px 0px] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0.5) should be [ 40px 40px, 40px 40px, 40px 40px, 40px 40px]
Fail Web Animations: property <mask-position> from [0px 0px, 0px 0px, 0px 0px, 0px 0px] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0.75) should be [ 60px 60px, 60px 60px, 60px 60px, 60px 60px]
Fail Web Animations: property <mask-position> from [0px 0px, 0px 0px, 0px 0px, 0px 0px] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (1) should be [ 80px 80px, 80px 80px, 80px 80px, 80px 80px]
Fail Web Animations: property <mask-position> from [0px 0px, 0px 0px, 0px 0px, 0px 0px] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (1.25) should be [100px 100px, 100px 100px, 100px 100px, 100px 100px]
Fail CSS Transitions: property <mask-position> from [top 0px left 0px] to [left 80px top 80px] at (-0.25) should be [-20px -20px]
Fail CSS Transitions: property <mask-position> from [top 0px left 0px] to [left 80px top 80px] at (0) should be [ 0px 0px]
Fail CSS Transitions: property <mask-position> from [top 0px left 0px] to [left 80px top 80px] at (0.25) should be [ 20px 20px]
Fail CSS Transitions: property <mask-position> from [top 0px left 0px] to [left 80px top 80px] at (0.5) should be [ 40px 40px]
Fail CSS Transitions: property <mask-position> from [top 0px left 0px] to [left 80px top 80px] at (0.75) should be [ 60px 60px]
Fail CSS Transitions: property <mask-position> from [top 0px left 0px] to [left 80px top 80px] at (1) should be [ 80px 80px]
Fail CSS Transitions: property <mask-position> from [top 0px left 0px] to [left 80px top 80px] at (1.25) should be [100px 100px]
Fail CSS Transitions with transition: all: property <mask-position> from [top 0px left 0px] to [left 80px top 80px] at (-0.25) should be [-20px -20px]
Fail CSS Transitions with transition: all: property <mask-position> from [top 0px left 0px] to [left 80px top 80px] at (0) should be [ 0px 0px]
Fail CSS Transitions with transition: all: property <mask-position> from [top 0px left 0px] to [left 80px top 80px] at (0.25) should be [ 20px 20px]
Fail CSS Transitions with transition: all: property <mask-position> from [top 0px left 0px] to [left 80px top 80px] at (0.5) should be [ 40px 40px]
Fail CSS Transitions with transition: all: property <mask-position> from [top 0px left 0px] to [left 80px top 80px] at (0.75) should be [ 60px 60px]
Fail CSS Transitions with transition: all: property <mask-position> from [top 0px left 0px] to [left 80px top 80px] at (1) should be [ 80px 80px]
Fail CSS Transitions with transition: all: property <mask-position> from [top 0px left 0px] to [left 80px top 80px] at (1.25) should be [100px 100px]
Fail CSS Animations: property <mask-position> from [top 0px left 0px] to [left 80px top 80px] at (-0.25) should be [-20px -20px]
Fail CSS Animations: property <mask-position> from [top 0px left 0px] to [left 80px top 80px] at (0) should be [ 0px 0px]
Fail CSS Animations: property <mask-position> from [top 0px left 0px] to [left 80px top 80px] at (0.25) should be [ 20px 20px]
Fail CSS Animations: property <mask-position> from [top 0px left 0px] to [left 80px top 80px] at (0.5) should be [ 40px 40px]
Fail CSS Animations: property <mask-position> from [top 0px left 0px] to [left 80px top 80px] at (0.75) should be [ 60px 60px]
Fail CSS Animations: property <mask-position> from [top 0px left 0px] to [left 80px top 80px] at (1) should be [ 80px 80px]
Fail CSS Animations: property <mask-position> from [top 0px left 0px] to [left 80px top 80px] at (1.25) should be [100px 100px]
Fail Web Animations: property <mask-position> from [top 0px left 0px] to [left 80px top 80px] at (-0.25) should be [-20px -20px]
Fail Web Animations: property <mask-position> from [top 0px left 0px] to [left 80px top 80px] at (0) should be [ 0px 0px]
Fail Web Animations: property <mask-position> from [top 0px left 0px] to [left 80px top 80px] at (0.25) should be [ 20px 20px]
Fail Web Animations: property <mask-position> from [top 0px left 0px] to [left 80px top 80px] at (0.5) should be [ 40px 40px]
Fail Web Animations: property <mask-position> from [top 0px left 0px] to [left 80px top 80px] at (0.75) should be [ 60px 60px]
Fail Web Animations: property <mask-position> from [top 0px left 0px] to [left 80px top 80px] at (1) should be [ 80px 80px]
Fail Web Animations: property <mask-position> from [top 0px left 0px] to [left 80px top 80px] at (1.25) should be [100px 100px]
Fail CSS Transitions: property <mask-position> from [0px 0px, 80px 0px] to [40px 40px, 80px 80px, 0px 80px] at (-0.25) should be [-10px -10px, 80px -20px, 0px -20px, 90px -10px, -20px -20px, 100px -20px]
Fail CSS Transitions: property <mask-position> from [0px 0px, 80px 0px] to [40px 40px, 80px 80px, 0px 80px] at (0) should be [ 0px 0px, 80px 0px, 0px 0px, 80px 0px, 0px 0px, 80px 0px]
Fail CSS Transitions: property <mask-position> from [0px 0px, 80px 0px] to [40px 40px, 80px 80px, 0px 80px] at (0.25) should be [ 10px 10px, 80px 20px, 0px 20px, 70px 10px, 20px 20px, 60px 20px]
Fail CSS Transitions: property <mask-position> from [0px 0px, 80px 0px] to [40px 40px, 80px 80px, 0px 80px] at (0.5) should be [ 20px 20px, 80px 40px, 0px 40px, 60px 20px, 40px 40px, 40px 40px]
Fail CSS Transitions: property <mask-position> from [0px 0px, 80px 0px] to [40px 40px, 80px 80px, 0px 80px] at (0.75) should be [ 30px 30px, 80px 60px, 0px 60px, 50px 30px, 60px 60px, 20px 60px]
Fail CSS Transitions: property <mask-position> from [0px 0px, 80px 0px] to [40px 40px, 80px 80px, 0px 80px] at (1) should be [ 40px 40px, 80px 80px, 0px 80px, 40px 40px, 80px 80px, 0px 80px]
Fail CSS Transitions: property <mask-position> from [0px 0px, 80px 0px] to [40px 40px, 80px 80px, 0px 80px] at (1.25) should be [ 50px 50px, 80px 100px, 0px 100px, 30px 50px, 100px 100px, -20px 100px]
Fail CSS Transitions with transition: all: property <mask-position> from [0px 0px, 80px 0px] to [40px 40px, 80px 80px, 0px 80px] at (-0.25) should be [-10px -10px, 80px -20px, 0px -20px, 90px -10px, -20px -20px, 100px -20px]
Fail CSS Transitions with transition: all: property <mask-position> from [0px 0px, 80px 0px] to [40px 40px, 80px 80px, 0px 80px] at (0) should be [ 0px 0px, 80px 0px, 0px 0px, 80px 0px, 0px 0px, 80px 0px]
Fail CSS Transitions with transition: all: property <mask-position> from [0px 0px, 80px 0px] to [40px 40px, 80px 80px, 0px 80px] at (0.25) should be [ 10px 10px, 80px 20px, 0px 20px, 70px 10px, 20px 20px, 60px 20px]
Fail CSS Transitions with transition: all: property <mask-position> from [0px 0px, 80px 0px] to [40px 40px, 80px 80px, 0px 80px] at (0.5) should be [ 20px 20px, 80px 40px, 0px 40px, 60px 20px, 40px 40px, 40px 40px]
Fail CSS Transitions with transition: all: property <mask-position> from [0px 0px, 80px 0px] to [40px 40px, 80px 80px, 0px 80px] at (0.75) should be [ 30px 30px, 80px 60px, 0px 60px, 50px 30px, 60px 60px, 20px 60px]
Fail CSS Transitions with transition: all: property <mask-position> from [0px 0px, 80px 0px] to [40px 40px, 80px 80px, 0px 80px] at (1) should be [ 40px 40px, 80px 80px, 0px 80px, 40px 40px, 80px 80px, 0px 80px]
Fail CSS Transitions with transition: all: property <mask-position> from [0px 0px, 80px 0px] to [40px 40px, 80px 80px, 0px 80px] at (1.25) should be [ 50px 50px, 80px 100px, 0px 100px, 30px 50px, 100px 100px, -20px 100px]
Fail CSS Animations: property <mask-position> from [0px 0px, 80px 0px] to [40px 40px, 80px 80px, 0px 80px] at (-0.25) should be [-10px -10px, 80px -20px, 0px -20px, 90px -10px, -20px -20px, 100px -20px]
Fail CSS Animations: property <mask-position> from [0px 0px, 80px 0px] to [40px 40px, 80px 80px, 0px 80px] at (0) should be [ 0px 0px, 80px 0px, 0px 0px, 80px 0px, 0px 0px, 80px 0px]
Fail CSS Animations: property <mask-position> from [0px 0px, 80px 0px] to [40px 40px, 80px 80px, 0px 80px] at (0.25) should be [ 10px 10px, 80px 20px, 0px 20px, 70px 10px, 20px 20px, 60px 20px]
Fail CSS Animations: property <mask-position> from [0px 0px, 80px 0px] to [40px 40px, 80px 80px, 0px 80px] at (0.5) should be [ 20px 20px, 80px 40px, 0px 40px, 60px 20px, 40px 40px, 40px 40px]
Fail CSS Animations: property <mask-position> from [0px 0px, 80px 0px] to [40px 40px, 80px 80px, 0px 80px] at (0.75) should be [ 30px 30px, 80px 60px, 0px 60px, 50px 30px, 60px 60px, 20px 60px]
Fail CSS Animations: property <mask-position> from [0px 0px, 80px 0px] to [40px 40px, 80px 80px, 0px 80px] at (1) should be [ 40px 40px, 80px 80px, 0px 80px, 40px 40px, 80px 80px, 0px 80px]
Fail CSS Animations: property <mask-position> from [0px 0px, 80px 0px] to [40px 40px, 80px 80px, 0px 80px] at (1.25) should be [ 50px 50px, 80px 100px, 0px 100px, 30px 50px, 100px 100px, -20px 100px]
Fail Web Animations: property <mask-position> from [0px 0px, 80px 0px] to [40px 40px, 80px 80px, 0px 80px] at (-0.25) should be [-10px -10px, 80px -20px, 0px -20px, 90px -10px, -20px -20px, 100px -20px]
Fail Web Animations: property <mask-position> from [0px 0px, 80px 0px] to [40px 40px, 80px 80px, 0px 80px] at (0) should be [ 0px 0px, 80px 0px, 0px 0px, 80px 0px, 0px 0px, 80px 0px]
Fail Web Animations: property <mask-position> from [0px 0px, 80px 0px] to [40px 40px, 80px 80px, 0px 80px] at (0.25) should be [ 10px 10px, 80px 20px, 0px 20px, 70px 10px, 20px 20px, 60px 20px]
Fail Web Animations: property <mask-position> from [0px 0px, 80px 0px] to [40px 40px, 80px 80px, 0px 80px] at (0.5) should be [ 20px 20px, 80px 40px, 0px 40px, 60px 20px, 40px 40px, 40px 40px]
Fail Web Animations: property <mask-position> from [0px 0px, 80px 0px] to [40px 40px, 80px 80px, 0px 80px] at (0.75) should be [ 30px 30px, 80px 60px, 0px 60px, 50px 30px, 60px 60px, 20px 60px]
Fail Web Animations: property <mask-position> from [0px 0px, 80px 0px] to [40px 40px, 80px 80px, 0px 80px] at (1) should be [ 40px 40px, 80px 80px, 0px 80px, 40px 40px, 80px 80px, 0px 80px]
Fail Web Animations: property <mask-position> from [0px 0px, 80px 0px] to [40px 40px, 80px 80px, 0px 80px] at (1.25) should be [ 50px 50px, 80px 100px, 0px 100px, 30px 50px, 100px 100px, -20px 100px]
Pass CSS Transitions: property <mask-position> from [0px 0px, 0px 0px, 0px 0px, 0px 0px] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (-0.25) should be [-20px -20px, -20px -20px, -20px -20px, -20px -20px]
Pass CSS Transitions: property <mask-position> from [0px 0px, 0px 0px, 0px 0px, 0px 0px] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0) should be [ 0px 0px, 0px 0px, 0px 0px, 0px 0px]
Pass CSS Transitions: property <mask-position> from [0px 0px, 0px 0px, 0px 0px, 0px 0px] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0.25) should be [ 20px 20px, 20px 20px, 20px 20px, 20px 20px]
Pass CSS Transitions: property <mask-position> from [0px 0px, 0px 0px, 0px 0px, 0px 0px] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0.5) should be [ 40px 40px, 40px 40px, 40px 40px, 40px 40px]
Pass CSS Transitions: property <mask-position> from [0px 0px, 0px 0px, 0px 0px, 0px 0px] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0.75) should be [ 60px 60px, 60px 60px, 60px 60px, 60px 60px]
Pass CSS Transitions: property <mask-position> from [0px 0px, 0px 0px, 0px 0px, 0px 0px] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (1) should be [ 80px 80px, 80px 80px, 80px 80px, 80px 80px]
Pass CSS Transitions: property <mask-position> from [0px 0px, 0px 0px, 0px 0px, 0px 0px] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (1.25) should be [100px 100px, 100px 100px, 100px 100px, 100px 100px]
Pass CSS Transitions with transition: all: property <mask-position> from [0px 0px, 0px 0px, 0px 0px, 0px 0px] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (-0.25) should be [-20px -20px, -20px -20px, -20px -20px, -20px -20px]
Pass CSS Transitions with transition: all: property <mask-position> from [0px 0px, 0px 0px, 0px 0px, 0px 0px] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0) should be [ 0px 0px, 0px 0px, 0px 0px, 0px 0px]
Pass CSS Transitions with transition: all: property <mask-position> from [0px 0px, 0px 0px, 0px 0px, 0px 0px] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0.25) should be [ 20px 20px, 20px 20px, 20px 20px, 20px 20px]
Pass CSS Transitions with transition: all: property <mask-position> from [0px 0px, 0px 0px, 0px 0px, 0px 0px] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0.5) should be [ 40px 40px, 40px 40px, 40px 40px, 40px 40px]
Pass CSS Transitions with transition: all: property <mask-position> from [0px 0px, 0px 0px, 0px 0px, 0px 0px] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0.75) should be [ 60px 60px, 60px 60px, 60px 60px, 60px 60px]
Pass CSS Transitions with transition: all: property <mask-position> from [0px 0px, 0px 0px, 0px 0px, 0px 0px] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (1) should be [ 80px 80px, 80px 80px, 80px 80px, 80px 80px]
Pass CSS Transitions with transition: all: property <mask-position> from [0px 0px, 0px 0px, 0px 0px, 0px 0px] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (1.25) should be [100px 100px, 100px 100px, 100px 100px, 100px 100px]
Pass CSS Animations: property <mask-position> from [0px 0px, 0px 0px, 0px 0px, 0px 0px] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (-0.25) should be [-20px -20px, -20px -20px, -20px -20px, -20px -20px]
Pass CSS Animations: property <mask-position> from [0px 0px, 0px 0px, 0px 0px, 0px 0px] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0) should be [ 0px 0px, 0px 0px, 0px 0px, 0px 0px]
Pass CSS Animations: property <mask-position> from [0px 0px, 0px 0px, 0px 0px, 0px 0px] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0.25) should be [ 20px 20px, 20px 20px, 20px 20px, 20px 20px]
Pass CSS Animations: property <mask-position> from [0px 0px, 0px 0px, 0px 0px, 0px 0px] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0.5) should be [ 40px 40px, 40px 40px, 40px 40px, 40px 40px]
Pass CSS Animations: property <mask-position> from [0px 0px, 0px 0px, 0px 0px, 0px 0px] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0.75) should be [ 60px 60px, 60px 60px, 60px 60px, 60px 60px]
Pass CSS Animations: property <mask-position> from [0px 0px, 0px 0px, 0px 0px, 0px 0px] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (1) should be [ 80px 80px, 80px 80px, 80px 80px, 80px 80px]
Pass CSS Animations: property <mask-position> from [0px 0px, 0px 0px, 0px 0px, 0px 0px] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (1.25) should be [100px 100px, 100px 100px, 100px 100px, 100px 100px]
Pass Web Animations: property <mask-position> from [0px 0px, 0px 0px, 0px 0px, 0px 0px] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (-0.25) should be [-20px -20px, -20px -20px, -20px -20px, -20px -20px]
Pass Web Animations: property <mask-position> from [0px 0px, 0px 0px, 0px 0px, 0px 0px] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0) should be [ 0px 0px, 0px 0px, 0px 0px, 0px 0px]
Pass Web Animations: property <mask-position> from [0px 0px, 0px 0px, 0px 0px, 0px 0px] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0.25) should be [ 20px 20px, 20px 20px, 20px 20px, 20px 20px]
Pass Web Animations: property <mask-position> from [0px 0px, 0px 0px, 0px 0px, 0px 0px] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0.5) should be [ 40px 40px, 40px 40px, 40px 40px, 40px 40px]
Pass Web Animations: property <mask-position> from [0px 0px, 0px 0px, 0px 0px, 0px 0px] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0.75) should be [ 60px 60px, 60px 60px, 60px 60px, 60px 60px]
Pass Web Animations: property <mask-position> from [0px 0px, 0px 0px, 0px 0px, 0px 0px] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (1) should be [ 80px 80px, 80px 80px, 80px 80px, 80px 80px]
Pass Web Animations: property <mask-position> from [0px 0px, 0px 0px, 0px 0px, 0px 0px] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (1.25) should be [100px 100px, 100px 100px, 100px 100px, 100px 100px]
Pass CSS Transitions: property <mask-position> from [top 0px left 0px] to [left 80px top 80px] at (-0.25) should be [-20px -20px]
Pass CSS Transitions: property <mask-position> from [top 0px left 0px] to [left 80px top 80px] at (0) should be [ 0px 0px]
Pass CSS Transitions: property <mask-position> from [top 0px left 0px] to [left 80px top 80px] at (0.25) should be [ 20px 20px]
Pass CSS Transitions: property <mask-position> from [top 0px left 0px] to [left 80px top 80px] at (0.5) should be [ 40px 40px]
Pass CSS Transitions: property <mask-position> from [top 0px left 0px] to [left 80px top 80px] at (0.75) should be [ 60px 60px]
Pass CSS Transitions: property <mask-position> from [top 0px left 0px] to [left 80px top 80px] at (1) should be [ 80px 80px]
Pass CSS Transitions: property <mask-position> from [top 0px left 0px] to [left 80px top 80px] at (1.25) should be [100px 100px]
Pass CSS Transitions with transition: all: property <mask-position> from [top 0px left 0px] to [left 80px top 80px] at (-0.25) should be [-20px -20px]
Pass CSS Transitions with transition: all: property <mask-position> from [top 0px left 0px] to [left 80px top 80px] at (0) should be [ 0px 0px]
Pass CSS Transitions with transition: all: property <mask-position> from [top 0px left 0px] to [left 80px top 80px] at (0.25) should be [ 20px 20px]
Pass CSS Transitions with transition: all: property <mask-position> from [top 0px left 0px] to [left 80px top 80px] at (0.5) should be [ 40px 40px]
Pass CSS Transitions with transition: all: property <mask-position> from [top 0px left 0px] to [left 80px top 80px] at (0.75) should be [ 60px 60px]
Pass CSS Transitions with transition: all: property <mask-position> from [top 0px left 0px] to [left 80px top 80px] at (1) should be [ 80px 80px]
Pass CSS Transitions with transition: all: property <mask-position> from [top 0px left 0px] to [left 80px top 80px] at (1.25) should be [100px 100px]
Pass CSS Animations: property <mask-position> from [top 0px left 0px] to [left 80px top 80px] at (-0.25) should be [-20px -20px]
Pass CSS Animations: property <mask-position> from [top 0px left 0px] to [left 80px top 80px] at (0) should be [ 0px 0px]
Pass CSS Animations: property <mask-position> from [top 0px left 0px] to [left 80px top 80px] at (0.25) should be [ 20px 20px]
Pass CSS Animations: property <mask-position> from [top 0px left 0px] to [left 80px top 80px] at (0.5) should be [ 40px 40px]
Pass CSS Animations: property <mask-position> from [top 0px left 0px] to [left 80px top 80px] at (0.75) should be [ 60px 60px]
Pass CSS Animations: property <mask-position> from [top 0px left 0px] to [left 80px top 80px] at (1) should be [ 80px 80px]
Pass CSS Animations: property <mask-position> from [top 0px left 0px] to [left 80px top 80px] at (1.25) should be [100px 100px]
Pass Web Animations: property <mask-position> from [top 0px left 0px] to [left 80px top 80px] at (-0.25) should be [-20px -20px]
Pass Web Animations: property <mask-position> from [top 0px left 0px] to [left 80px top 80px] at (0) should be [ 0px 0px]
Pass Web Animations: property <mask-position> from [top 0px left 0px] to [left 80px top 80px] at (0.25) should be [ 20px 20px]
Pass Web Animations: property <mask-position> from [top 0px left 0px] to [left 80px top 80px] at (0.5) should be [ 40px 40px]
Pass Web Animations: property <mask-position> from [top 0px left 0px] to [left 80px top 80px] at (0.75) should be [ 60px 60px]
Pass Web Animations: property <mask-position> from [top 0px left 0px] to [left 80px top 80px] at (1) should be [ 80px 80px]
Pass Web Animations: property <mask-position> from [top 0px left 0px] to [left 80px top 80px] at (1.25) should be [100px 100px]
Pass CSS Transitions: property <mask-position> from [0px 0px, 80px 0px] to [40px 40px, 80px 80px, 0px 80px] at (-0.25) should be [-10px -10px, 80px -20px, 0px -20px, 90px -10px, -20px -20px, 100px -20px]
Pass CSS Transitions: property <mask-position> from [0px 0px, 80px 0px] to [40px 40px, 80px 80px, 0px 80px] at (0) should be [ 0px 0px, 80px 0px, 0px 0px, 80px 0px, 0px 0px, 80px 0px]
Pass CSS Transitions: property <mask-position> from [0px 0px, 80px 0px] to [40px 40px, 80px 80px, 0px 80px] at (0.25) should be [ 10px 10px, 80px 20px, 0px 20px, 70px 10px, 20px 20px, 60px 20px]
Pass CSS Transitions: property <mask-position> from [0px 0px, 80px 0px] to [40px 40px, 80px 80px, 0px 80px] at (0.5) should be [ 20px 20px, 80px 40px, 0px 40px, 60px 20px, 40px 40px, 40px 40px]
Pass CSS Transitions: property <mask-position> from [0px 0px, 80px 0px] to [40px 40px, 80px 80px, 0px 80px] at (0.75) should be [ 30px 30px, 80px 60px, 0px 60px, 50px 30px, 60px 60px, 20px 60px]
Pass CSS Transitions: property <mask-position> from [0px 0px, 80px 0px] to [40px 40px, 80px 80px, 0px 80px] at (1) should be [ 40px 40px, 80px 80px, 0px 80px, 40px 40px, 80px 80px, 0px 80px]
Pass CSS Transitions: property <mask-position> from [0px 0px, 80px 0px] to [40px 40px, 80px 80px, 0px 80px] at (1.25) should be [ 50px 50px, 80px 100px, 0px 100px, 30px 50px, 100px 100px, -20px 100px]
Pass CSS Transitions with transition: all: property <mask-position> from [0px 0px, 80px 0px] to [40px 40px, 80px 80px, 0px 80px] at (-0.25) should be [-10px -10px, 80px -20px, 0px -20px, 90px -10px, -20px -20px, 100px -20px]
Pass CSS Transitions with transition: all: property <mask-position> from [0px 0px, 80px 0px] to [40px 40px, 80px 80px, 0px 80px] at (0) should be [ 0px 0px, 80px 0px, 0px 0px, 80px 0px, 0px 0px, 80px 0px]
Pass CSS Transitions with transition: all: property <mask-position> from [0px 0px, 80px 0px] to [40px 40px, 80px 80px, 0px 80px] at (0.25) should be [ 10px 10px, 80px 20px, 0px 20px, 70px 10px, 20px 20px, 60px 20px]
Pass CSS Transitions with transition: all: property <mask-position> from [0px 0px, 80px 0px] to [40px 40px, 80px 80px, 0px 80px] at (0.5) should be [ 20px 20px, 80px 40px, 0px 40px, 60px 20px, 40px 40px, 40px 40px]
Pass CSS Transitions with transition: all: property <mask-position> from [0px 0px, 80px 0px] to [40px 40px, 80px 80px, 0px 80px] at (0.75) should be [ 30px 30px, 80px 60px, 0px 60px, 50px 30px, 60px 60px, 20px 60px]
Pass CSS Transitions with transition: all: property <mask-position> from [0px 0px, 80px 0px] to [40px 40px, 80px 80px, 0px 80px] at (1) should be [ 40px 40px, 80px 80px, 0px 80px, 40px 40px, 80px 80px, 0px 80px]
Pass CSS Transitions with transition: all: property <mask-position> from [0px 0px, 80px 0px] to [40px 40px, 80px 80px, 0px 80px] at (1.25) should be [ 50px 50px, 80px 100px, 0px 100px, 30px 50px, 100px 100px, -20px 100px]
Pass CSS Animations: property <mask-position> from [0px 0px, 80px 0px] to [40px 40px, 80px 80px, 0px 80px] at (-0.25) should be [-10px -10px, 80px -20px, 0px -20px, 90px -10px, -20px -20px, 100px -20px]
Pass CSS Animations: property <mask-position> from [0px 0px, 80px 0px] to [40px 40px, 80px 80px, 0px 80px] at (0) should be [ 0px 0px, 80px 0px, 0px 0px, 80px 0px, 0px 0px, 80px 0px]
Pass CSS Animations: property <mask-position> from [0px 0px, 80px 0px] to [40px 40px, 80px 80px, 0px 80px] at (0.25) should be [ 10px 10px, 80px 20px, 0px 20px, 70px 10px, 20px 20px, 60px 20px]
Pass CSS Animations: property <mask-position> from [0px 0px, 80px 0px] to [40px 40px, 80px 80px, 0px 80px] at (0.5) should be [ 20px 20px, 80px 40px, 0px 40px, 60px 20px, 40px 40px, 40px 40px]
Pass CSS Animations: property <mask-position> from [0px 0px, 80px 0px] to [40px 40px, 80px 80px, 0px 80px] at (0.75) should be [ 30px 30px, 80px 60px, 0px 60px, 50px 30px, 60px 60px, 20px 60px]
Pass CSS Animations: property <mask-position> from [0px 0px, 80px 0px] to [40px 40px, 80px 80px, 0px 80px] at (1) should be [ 40px 40px, 80px 80px, 0px 80px, 40px 40px, 80px 80px, 0px 80px]
Pass CSS Animations: property <mask-position> from [0px 0px, 80px 0px] to [40px 40px, 80px 80px, 0px 80px] at (1.25) should be [ 50px 50px, 80px 100px, 0px 100px, 30px 50px, 100px 100px, -20px 100px]
Pass Web Animations: property <mask-position> from [0px 0px, 80px 0px] to [40px 40px, 80px 80px, 0px 80px] at (-0.25) should be [-10px -10px, 80px -20px, 0px -20px, 90px -10px, -20px -20px, 100px -20px]
Pass Web Animations: property <mask-position> from [0px 0px, 80px 0px] to [40px 40px, 80px 80px, 0px 80px] at (0) should be [ 0px 0px, 80px 0px, 0px 0px, 80px 0px, 0px 0px, 80px 0px]
Pass Web Animations: property <mask-position> from [0px 0px, 80px 0px] to [40px 40px, 80px 80px, 0px 80px] at (0.25) should be [ 10px 10px, 80px 20px, 0px 20px, 70px 10px, 20px 20px, 60px 20px]
Pass Web Animations: property <mask-position> from [0px 0px, 80px 0px] to [40px 40px, 80px 80px, 0px 80px] at (0.5) should be [ 20px 20px, 80px 40px, 0px 40px, 60px 20px, 40px 40px, 40px 40px]
Pass Web Animations: property <mask-position> from [0px 0px, 80px 0px] to [40px 40px, 80px 80px, 0px 80px] at (0.75) should be [ 30px 30px, 80px 60px, 0px 60px, 50px 30px, 60px 60px, 20px 60px]
Pass Web Animations: property <mask-position> from [0px 0px, 80px 0px] to [40px 40px, 80px 80px, 0px 80px] at (1) should be [ 40px 40px, 80px 80px, 0px 80px, 40px 40px, 80px 80px, 0px 80px]
Pass Web Animations: property <mask-position> from [0px 0px, 80px 0px] to [40px 40px, 80px 80px, 0px 80px] at (1.25) should be [ 50px 50px, 80px 100px, 0px 100px, 30px 50px, 100px 100px, -20px 100px]

48
Tests/LibWeb/Text/expected/wpt-import/css/css-masking/parsing/mask-position-valid.txt
View File

@ -2,27 +2,27 @@ Harness status: OK
Found 23 tests
23 Fail
Fail e.style['mask-position'] = "10%" should set the property value
Fail e.style['mask-position'] = "right 30% top 60px" should set the property value
Fail e.style['mask-position'] = "-20% -30px" should set the property value
Fail e.style['mask-position'] = "30px center" should set the property value
Fail e.style['mask-position'] = "40px top" should set the property value
Fail e.style['mask-position'] = "bottom 10% right 20%" should set the property value
Fail e.style['mask-position'] = "bottom right" should set the property value
Fail e.style['mask-position'] = "center 50px" should set the property value
Fail e.style['mask-position'] = "center bottom" should set the property value
Fail e.style['mask-position'] = "center left" should set the property value
Fail e.style['mask-position'] = "left" should set the property value
Fail e.style['mask-position'] = "left bottom" should set the property value
Fail e.style['mask-position'] = "right 40%" should set the property value
Fail e.style['mask-position'] = "top" should set the property value
Fail e.style['mask-position'] = "top center" should set the property value
Fail e.style['mask-position'] = "center" should set the property value
Fail e.style['mask-position'] = "bottom left, right 20%" should set the property value
Fail e.style['mask-position'] = "top, center, left" should set the property value
Fail e.style['mask-position'] = "20% 0%" should set the property value
Fail e.style['mask-position'] = "0% 0%" should set the property value
Fail e.style['mask-position'] = "0%" should set the property value
Fail e.style['mask-position'] = "0% center" should set the property value
Fail e.style['mask-position'] = "center 0%" should set the property value
23 Pass
Pass e.style['mask-position'] = "10%" should set the property value
Pass e.style['mask-position'] = "right 30% top 60px" should set the property value
Pass e.style['mask-position'] = "-20% -30px" should set the property value
Pass e.style['mask-position'] = "30px center" should set the property value
Pass e.style['mask-position'] = "40px top" should set the property value
Pass e.style['mask-position'] = "bottom 10% right 20%" should set the property value
Pass e.style['mask-position'] = "bottom right" should set the property value
Pass e.style['mask-position'] = "center 50px" should set the property value
Pass e.style['mask-position'] = "center bottom" should set the property value
Pass e.style['mask-position'] = "center left" should set the property value
Pass e.style['mask-position'] = "left" should set the property value
Pass e.style['mask-position'] = "left bottom" should set the property value
Pass e.style['mask-position'] = "right 40%" should set the property value
Pass e.style['mask-position'] = "top" should set the property value
Pass e.style['mask-position'] = "top center" should set the property value
Pass e.style['mask-position'] = "center" should set the property value
Pass e.style['mask-position'] = "bottom left, right 20%" should set the property value
Pass e.style['mask-position'] = "top, center, left" should set the property value
Pass e.style['mask-position'] = "20% 0%" should set the property value
Pass e.style['mask-position'] = "0% 0%" should set the property value
Pass e.style['mask-position'] = "0%" should set the property value
Pass e.style['mask-position'] = "0% center" should set the property value
Pass e.style['mask-position'] = "center 0%" should set the property value