]
+ expected: FAIL
+
diff --git a/tests/wpt/metadata/webaudio/the-audio-api/the-audiocontext-interface/audiocontext-not-fully-active.html.ini b/tests/wpt/metadata/webaudio/the-audio-api/the-audiocontext-interface/audiocontext-not-fully-active.html.ini
index b7e13cf7726..f1281b5ae81 100644
--- a/tests/wpt/metadata/webaudio/the-audio-api/the-audiocontext-interface/audiocontext-not-fully-active.html.ini
+++ b/tests/wpt/metadata/webaudio/the-audio-api/the-audiocontext-interface/audiocontext-not-fully-active.html.ini
@@ -1,4 +1,5 @@
[audiocontext-not-fully-active.html]
+ expected: TIMEOUT
[frame in navigated remote-site frame]
expected: FAIL
diff --git a/tests/wpt/metadata/webmessaging/without-ports/017.html.ini b/tests/wpt/metadata/webmessaging/without-ports/017.html.ini
new file mode 100644
index 00000000000..064cf47545b
--- /dev/null
+++ b/tests/wpt/metadata/webmessaging/without-ports/017.html.ini
@@ -0,0 +1,5 @@
+[017.html]
+ expected: TIMEOUT
+ [origin of the script that invoked the method, about:blank]
+ expected: TIMEOUT
+
diff --git a/tests/wpt/metadata/webmessaging/without-ports/018.html.ini b/tests/wpt/metadata/webmessaging/without-ports/018.html.ini
deleted file mode 100644
index 663a1f8fa30..00000000000
--- a/tests/wpt/metadata/webmessaging/without-ports/018.html.ini
+++ /dev/null
@@ -1,5 +0,0 @@
-[018.html]
- expected: TIMEOUT
- [origin of the script that invoked the method, javascript:]
- expected: TIMEOUT
-
diff --git a/tests/wpt/web-platform-tests/.taskcluster.yml b/tests/wpt/web-platform-tests/.taskcluster.yml
index b1a8162db4b..c5e3a680871 100644
--- a/tests/wpt/web-platform-tests/.taskcluster.yml
+++ b/tests/wpt/web-platform-tests/.taskcluster.yml
@@ -7,7 +7,7 @@ tasks:
run_task:
$if: 'tasks_for == "github-push"'
then:
- $if: 'event.ref in ["refs/heads/master", "refs/heads/epochs/daily", "refs/heads/epochs/weekly", "refs/heads/triggers/chrome_stable", "refs/heads/triggers/chrome_beta", "refs/heads/triggers/chrome_dev", "refs/heads/triggers/chrome_nightly", "refs/heads/triggers/firefox_stable", "refs/heads/triggers/firefox_beta", "refs/heads/triggers/firefox_nightly", "refs/heads/triggers/webkitgtk_minibrowser_stable", "refs/heads/triggers/webkitgtk_minibrowser_nightly", "refs/heads/triggers/servo_nightly"]'
+ $if: 'event.ref in ["refs/heads/master", "refs/heads/epochs/daily", "refs/heads/epochs/weekly", "refs/heads/triggers/chrome_stable", "refs/heads/triggers/chrome_beta", "refs/heads/triggers/chrome_dev", "refs/heads/triggers/chrome_nightly", "refs/heads/triggers/firefox_stable", "refs/heads/triggers/firefox_beta", "refs/heads/triggers/firefox_nightly", "refs/heads/triggers/webkitgtk_minibrowser_stable", "refs/heads/triggers/webkitgtk_minibrowser_beta", "refs/heads/triggers/webkitgtk_minibrowser_nightly", "refs/heads/triggers/servo_nightly"]'
then: true
else: false
else:
diff --git a/tests/wpt/web-platform-tests/css/css-backgrounds/background-attachment-353.html b/tests/wpt/web-platform-tests/css/css-backgrounds/background-attachment-353.html
index c5ac06c0f57..93338c1f8d5 100644
--- a/tests/wpt/web-platform-tests/css/css-backgrounds/background-attachment-353.html
+++ b/tests/wpt/web-platform-tests/css/css-backgrounds/background-attachment-353.html
@@ -108,21 +108,21 @@
(0px, 0px) (100px, 0px)
+.......................+
| |
- | transparent area |
+ | green area |
| | overflowed
| | area
- | transparent area | |
+ | green area | |
| | V
| +...........| ...........+
| | +........+| |
- | transpa- | | green || red |
- | rent | | area || area |
- | area | | || |
+ | green | | green || red |
+ | area | | area || area |
+ | | | || |
| | +........+| |
+.......................+ |
| |
- | red area | <-- overflowed
- | | <-- area
+ | red area | <== overflowed
+ | | <== area
| red area |
| |
| |
diff --git a/tests/wpt/web-platform-tests/css/css-backgrounds/border-image-shorthand-002.htm b/tests/wpt/web-platform-tests/css/css-backgrounds/border-image-shorthand-002.htm
index 92b7f92f437..918d7298791 100644
--- a/tests/wpt/web-platform-tests/css/css-backgrounds/border-image-shorthand-002.htm
+++ b/tests/wpt/web-platform-tests/css/css-backgrounds/border-image-shorthand-002.htm
@@ -1,35 +1,51 @@
-
-
-
- CSS Test: Omitted values for 'border-image-outset' property in the 'border-image' shorthand
-
-
-
-
-
-
-
- Test passes if there are two identical images visible on the page.
+
+ Test passes if there are 2 identical green squares and no red.
-
-
\ No newline at end of file
diff --git a/tests/wpt/web-platform-tests/css/css-backgrounds/border-image-shorthand-003.htm b/tests/wpt/web-platform-tests/css/css-backgrounds/border-image-shorthand-003.htm
index b65430cfc1a..1762966c2c1 100644
--- a/tests/wpt/web-platform-tests/css/css-backgrounds/border-image-shorthand-003.htm
+++ b/tests/wpt/web-platform-tests/css/css-backgrounds/border-image-shorthand-003.htm
@@ -1,37 +1,51 @@
-
-
-
- CSS Test: Omitted values for 'border-image-width' properties in 'border-image' shorthand
-
-
-
-
-
-
-
- Test passes if there are two identical images visible on the page.
+
+ Test passes if there are 2 identical green squares and no red.
-
-
\ No newline at end of file
diff --git a/tests/wpt/web-platform-tests/css/css-backgrounds/border-image-slice-005.htm b/tests/wpt/web-platform-tests/css/css-backgrounds/border-image-slice-005.htm
index e76125d7331..1a09732b6dc 100644
--- a/tests/wpt/web-platform-tests/css/css-backgrounds/border-image-slice-005.htm
+++ b/tests/wpt/web-platform-tests/css/css-backgrounds/border-image-slice-005.htm
@@ -1,25 +1,52 @@
-
-
-
+
+
+
+
CSS Test: The 'border-image-slice' property with four percentage values
-
-
-
-
-
-
-
- Test passes if there is no red visible on the page.
+
+ Test passes if there is a filled orange rectangle inside 3 blue borders interleaved with 2 orange borders and no red.
+
-
-
\ No newline at end of file
diff --git a/tests/wpt/web-platform-tests/css/css-backgrounds/border-image-slice-007.htm b/tests/wpt/web-platform-tests/css/css-backgrounds/border-image-slice-007.htm
index c3546668719..e852867b10e 100644
--- a/tests/wpt/web-platform-tests/css/css-backgrounds/border-image-slice-007.htm
+++ b/tests/wpt/web-platform-tests/css/css-backgrounds/border-image-slice-007.htm
@@ -1,26 +1,52 @@
-
-
-
+
+
+
+
CSS Test: The 'border-image-slice' property with the 'fill' keyword
-
-
-
-
-
-
-
- Test passes if there is no red visible on the page.
+
+ Test passes if there is a filled green rectangle inside 3 blue borders interleaved with 2 orange borders and no red.
+
-
-
\ No newline at end of file
diff --git a/tests/wpt/web-platform-tests/css/css-backgrounds/reference/border-image-shorthand-002-ref.html b/tests/wpt/web-platform-tests/css/css-backgrounds/reference/border-image-shorthand-002-ref.html
new file mode 100644
index 00000000000..b21217c91e3
--- /dev/null
+++ b/tests/wpt/web-platform-tests/css/css-backgrounds/reference/border-image-shorthand-002-ref.html
@@ -0,0 +1,23 @@
+
+
+
+
+ CSS Reference Test
+
+
+
+
+
+ Test passes if there are 2 identical green squares and no red.
+
+
+
+
diff --git a/tests/wpt/web-platform-tests/css/css-backgrounds/reference/border-image-shorthand-003-ref.html b/tests/wpt/web-platform-tests/css/css-backgrounds/reference/border-image-shorthand-003-ref.html
new file mode 100644
index 00000000000..3ff7980de6c
--- /dev/null
+++ b/tests/wpt/web-platform-tests/css/css-backgrounds/reference/border-image-shorthand-003-ref.html
@@ -0,0 +1,28 @@
+
+
+
+
+ CSS Reference Test
+
+
+
+
+
+ Test passes if there are 2 identical green squares and no red.
+
+
+
+
diff --git a/tests/wpt/web-platform-tests/css/css-backgrounds/reference/border-image-slice-005-ref.html b/tests/wpt/web-platform-tests/css/css-backgrounds/reference/border-image-slice-005-ref.html
new file mode 100644
index 00000000000..d4a4040a785
--- /dev/null
+++ b/tests/wpt/web-platform-tests/css/css-backgrounds/reference/border-image-slice-005-ref.html
@@ -0,0 +1,30 @@
+
+
+
+
+ CSS Reference Test
+
+
+
+
+
+ Test passes if there is a filled orange rectangle inside 3 blue borders interleaved with 2 orange borders and no red.
+
+
diff --git a/tests/wpt/web-platform-tests/css/css-backgrounds/reference/border-image-slice-007-ref.html b/tests/wpt/web-platform-tests/css/css-backgrounds/reference/border-image-slice-007-ref.html
new file mode 100644
index 00000000000..2581d8dabfc
--- /dev/null
+++ b/tests/wpt/web-platform-tests/css/css-backgrounds/reference/border-image-slice-007-ref.html
@@ -0,0 +1,31 @@
+
+
+
+
+ CSS Reference Test
+
+
+
+
+
+ Test passes if there is a filled green rectangle inside 3 blue borders interleaved with 2 orange borders and no red.
+
+
diff --git a/tests/wpt/web-platform-tests/css/css-backgrounds/support/9grid40-30-20-10-green.png b/tests/wpt/web-platform-tests/css/css-backgrounds/support/9grid40-30-20-10-green.png
new file mode 100644
index 00000000000..329699bf9d1
Binary files /dev/null and b/tests/wpt/web-platform-tests/css/css-backgrounds/support/9grid40-30-20-10-green.png differ
diff --git a/tests/wpt/web-platform-tests/css/css-backgrounds/support/9grid40-30-20-10-red-old.png b/tests/wpt/web-platform-tests/css/css-backgrounds/support/9grid40-30-20-10-red-old.png
new file mode 100644
index 00000000000..975b8095f00
Binary files /dev/null and b/tests/wpt/web-platform-tests/css/css-backgrounds/support/9grid40-30-20-10-red-old.png differ
diff --git a/tests/wpt/web-platform-tests/css/css-backgrounds/support/9grid40-30-20-10-red.png b/tests/wpt/web-platform-tests/css/css-backgrounds/support/9grid40-30-20-10-red.png
new file mode 100644
index 00000000000..356bf82e4a3
Binary files /dev/null and b/tests/wpt/web-platform-tests/css/css-backgrounds/support/9grid40-30-20-10-red.png differ
diff --git a/tests/wpt/web-platform-tests/css/css-display/display-math-on-non-mathml-elements.html b/tests/wpt/web-platform-tests/css/css-display/display-math-on-non-mathml-elements.html
index b622acdccd1..c2f0f5f9c9e 100644
--- a/tests/wpt/web-platform-tests/css/css-display/display-math-on-non-mathml-elements.html
+++ b/tests/wpt/web-platform-tests/css/css-display/display-math-on-non-mathml-elements.html
@@ -1,21 +1,23 @@
-display: math and inline-math on non-MathML compute to flow
+display: math display values on non-MathML compute to flow
diff --git a/tests/wpt/web-platform-tests/css/css-flexbox/flex-aspect-ratio-img-column-016.html b/tests/wpt/web-platform-tests/css/css-flexbox/flex-aspect-ratio-img-column-016.html
new file mode 100644
index 00000000000..473aea9e4b0
--- /dev/null
+++ b/tests/wpt/web-platform-tests/css/css-flexbox/flex-aspect-ratio-img-column-016.html
@@ -0,0 +1,13 @@
+
+Aspect-ratio items with undefined specified size suggestion
+
+
+
+
+
+
+
+Test passes if there is a filled green square.
+
+

+
diff --git a/tests/wpt/web-platform-tests/css/css-flexbox/flex-aspect-ratio-img-row-012.html b/tests/wpt/web-platform-tests/css/css-flexbox/flex-aspect-ratio-img-row-012.html
new file mode 100644
index 00000000000..35806891e2b
--- /dev/null
+++ b/tests/wpt/web-platform-tests/css/css-flexbox/flex-aspect-ratio-img-row-012.html
@@ -0,0 +1,13 @@
+
+Aspect-ratio items with undefined specified size suggestion
+
+
+
+
+
+
+
+Test passes if there is a filled green square.
+
+

+
diff --git a/tests/wpt/web-platform-tests/css/css-flexbox/scrollbars-auto-min-content-sizing.html b/tests/wpt/web-platform-tests/css/css-flexbox/scrollbars-auto-min-content-sizing.html
new file mode 100644
index 00000000000..45a12962404
--- /dev/null
+++ b/tests/wpt/web-platform-tests/css/css-flexbox/scrollbars-auto-min-content-sizing.html
@@ -0,0 +1,19 @@
+
+
+
+
+
+
+
diff --git a/tests/wpt/web-platform-tests/css/css-font-loading/fontface-override-descriptor-getter-setter.html b/tests/wpt/web-platform-tests/css/css-font-loading/fontface-override-descriptor-getter-setter.sub.html
similarity index 87%
rename from tests/wpt/web-platform-tests/css/css-font-loading/fontface-override-descriptor-getter-setter.html
rename to tests/wpt/web-platform-tests/css/css-font-loading/fontface-override-descriptor-getter-setter.sub.html
index a674c22285a..a3d8ccec368 100644
--- a/tests/wpt/web-platform-tests/css/css-font-loading/fontface-override-descriptor-getter-setter.html
+++ b/tests/wpt/web-platform-tests/css/css-font-loading/fontface-override-descriptor-getter-setter.sub.html
@@ -15,14 +15,14 @@ function rejection(promise) {
test(() => {
const face = new FontFace(
'ascent-override-initial',
- 'url(https://example.com/font.woff)');
+ 'url(https://{{host}}/font.woff)');
assert_equals(face.ascentOverride, 'normal');
}, "Initial value of ascentOverride should be 'normal'");
test(() => {
const face = new FontFace(
'ascent-override-initialize-with-normal',
- 'url(https://example.com/font.woff)',
+ 'url(https://{{host}}/font.woff)',
{ascentOverride: 'normal'});
assert_equals(face.ascentOverride, 'normal');
}, "Initialize ascentOverride with 'normal' should succeed");
@@ -30,7 +30,7 @@ test(() => {
test(() => {
const face = new FontFace(
'ascent-override-initialize-with-percentage',
- 'url(https://example.com/font.woff)',
+ 'url(https://{{host}}/font.woff)',
{ascentOverride: '50%'});
assert_equals(face.ascentOverride, '50%');
}, "Initialize ascentOverride with a percentage should succeed");
@@ -38,7 +38,7 @@ test(() => {
promise_test(async () => {
const face = new FontFace(
'ascent-override-initialize-with-negative-percentage',
- 'url(https://example.com/font.woff)',
+ 'url(https://{{host}}/font.woff)',
{ascentOverride: '-50%'});
const error = await rejection(face.load());
assert_equals('error', face.status);
@@ -48,7 +48,7 @@ promise_test(async () => {
promise_test(async () => {
const face = new FontFace(
'ascent-override-initialize-with-non-percentage',
- 'url(https://example.com/font.woff)',
+ 'url(https://{{host}}/font.woff)',
{ascentOverride: '10px'});
const error = await rejection(face.load());
assert_equals('error', face.status);
@@ -58,7 +58,7 @@ promise_test(async () => {
test(() => {
const face = new FontFace(
'ascent-override-normal-to-percentage',
- 'url(https://example.com/font.woff)',
+ 'url(https://{{host}}/font.woff)',
{ascentOverride: 'normal'});
face.ascentOverride = '50%';
assert_equals(face.ascentOverride, '50%');
@@ -67,7 +67,7 @@ test(() => {
test(() => {
const face = new FontFace(
'ascent-override-percentage-to-normal',
- 'url(https://example.com/font.woff)',
+ 'url(https://{{host}}/font.woff)',
{ascentOverride: '50%'});
face.ascentOverride = 'normal';
assert_equals(face.ascentOverride, 'normal');
@@ -76,7 +76,7 @@ test(() => {
test(() => {
const face = new FontFace(
'ascent-override-set-to-invalid',
- 'url(https://example.com/font.woff)');
+ 'url(https://{{host}}/font.woff)');
assert_throws_dom('SyntaxError', () => {face.ascentOverride = '10px'});
}, "Changing ascentOverride to invalid value should fail");
@@ -85,14 +85,14 @@ test(() => {
test(() => {
const face = new FontFace(
'descent-override-initial',
- 'url(https://example.com/font.woff)');
+ 'url(https://{{host}}/font.woff)');
assert_equals(face.descentOverride, 'normal');
}, "Initial value of descentOverride should be 'normal'");
test(() => {
const face = new FontFace(
'descent-override-initialize-with-normal',
- 'url(https://example.com/font.woff)',
+ 'url(https://{{host}}/font.woff)',
{descentOverride: 'normal'});
assert_equals(face.descentOverride, 'normal');
}, "Initialize descentOverride with 'normal' should succeed");
@@ -100,7 +100,7 @@ test(() => {
test(() => {
const face = new FontFace(
'descent-override-initialize-with-percentage',
- 'url(https://example.com/font.woff)',
+ 'url(https://{{host}}/font.woff)',
{descentOverride: '50%'});
assert_equals(face.descentOverride, '50%');
}, "Initialize descentOverride with a percentage should succeed");
@@ -108,7 +108,7 @@ test(() => {
promise_test(async () => {
const face = new FontFace(
'descent-override-initialize-with-negative-percentage',
- 'url(https://example.com/font.woff)',
+ 'url(https://{{host}}/font.woff)',
{descentOverride: '-50%'});
const error = await rejection(face.load());
assert_equals('error', face.status);
@@ -118,7 +118,7 @@ promise_test(async () => {
promise_test(async () => {
const face = new FontFace(
'descent-override-initialize-with-non-percentage',
- 'url(https://example.com/font.woff)',
+ 'url(https://{{host}}/font.woff)',
{descentOverride: '10px'});
const error = await rejection(face.load());
assert_equals('error', face.status);
@@ -128,7 +128,7 @@ promise_test(async () => {
test(() => {
const face = new FontFace(
'descent-override-normal-to-percentage',
- 'url(https://example.com/font.woff)',
+ 'url(https://{{host}}/font.woff)',
{descentOverride: 'normal'});
face.descentOverride = '50%';
assert_equals(face.descentOverride, '50%');
@@ -137,7 +137,7 @@ test(() => {
test(() => {
const face = new FontFace(
'descent-override-percentage-to-normal',
- 'url(https://example.com/font.woff)',
+ 'url(https://{{host}}/font.woff)',
{descentOverride: '50%'});
face.descentOverride = 'normal';
assert_equals(face.descentOverride, 'normal');
@@ -146,7 +146,7 @@ test(() => {
test(() => {
const face = new FontFace(
'descent-override-set-to-invalid',
- 'url(https://example.com/font.woff)');
+ 'url(https://{{host}}/font.woff)');
assert_throws_dom('SyntaxError', () => {face.descentOverride = '10px'});
}, "Changing descentOverride to invalid value should fail");
@@ -155,14 +155,14 @@ test(() => {
test(() => {
const face = new FontFace(
'lineGap-override-initial',
- 'url(https://example.com/font.woff)');
+ 'url(https://{{host}}/font.woff)');
assert_equals(face.lineGapOverride, 'normal');
}, "Initial value of lineGapOverride should be 'normal'");
test(() => {
const face = new FontFace(
'lineGap-override-initialize-with-normal',
- 'url(https://example.com/font.woff)',
+ 'url(https://{{host}}/font.woff)',
{lineGapOverride: 'normal'});
assert_equals(face.lineGapOverride, 'normal');
}, "Initialize lineGapOverride with 'normal' should succeed");
@@ -170,7 +170,7 @@ test(() => {
test(() => {
const face = new FontFace(
'lineGap-override-initialize-with-percentage',
- 'url(https://example.com/font.woff)',
+ 'url(https://{{host}}/font.woff)',
{lineGapOverride: '50%'});
assert_equals(face.lineGapOverride, '50%');
}, "Initialize lineGapOverride with a percentage should succeed");
@@ -178,7 +178,7 @@ test(() => {
promise_test(async () => {
const face = new FontFace(
'lineGap-override-initialize-with-negative-percentage',
- 'url(https://example.com/font.woff)',
+ 'url(https://{{host}}/font.woff)',
{lineGapOverride: '-50%'});
const error = await rejection(face.load());
assert_equals('error', face.status);
@@ -188,7 +188,7 @@ promise_test(async () => {
promise_test(async () => {
const face = new FontFace(
'lineGap-override-initialize-with-non-percentage',
- 'url(https://example.com/font.woff)',
+ 'url(https://{{host}}/font.woff)',
{lineGapOverride: '10px'});
const error = await rejection(face.load());
assert_equals('error', face.status);
@@ -198,7 +198,7 @@ promise_test(async () => {
test(() => {
const face = new FontFace(
'lineGap-override-normal-to-percentage',
- 'url(https://example.com/font.woff)',
+ 'url(https://{{host}}/font.woff)',
{lineGapOverride: 'normal'});
face.lineGapOverride = '50%';
assert_equals(face.lineGapOverride, '50%');
@@ -207,7 +207,7 @@ test(() => {
test(() => {
const face = new FontFace(
'lineGap-override-percentage-to-normal',
- 'url(https://example.com/font.woff)',
+ 'url(https://{{host}}/font.woff)',
{lineGapOverride: '50%'});
face.lineGapOverride = 'normal';
assert_equals(face.lineGapOverride, 'normal');
@@ -216,7 +216,7 @@ test(() => {
test(() => {
const face = new FontFace(
'lineGap-override-set-to-invalid',
- 'url(https://example.com/font.woff)');
+ 'url(https://{{host}}/font.woff)');
assert_throws_dom('SyntaxError', () => {face.lineGapOverride = '10px'});
}, "Changing lineGapOverride to invalid value should fail");
diff --git a/tests/wpt/web-platform-tests/css/css-font-loading/fontfaceset-load-var.html b/tests/wpt/web-platform-tests/css/css-font-loading/fontfaceset-load-var.html
new file mode 100644
index 00000000000..1d74f8ed2a9
--- /dev/null
+++ b/tests/wpt/web-platform-tests/css/css-font-loading/fontfaceset-load-var.html
@@ -0,0 +1,44 @@
+
+SyntaxError thrown when matching loading values with var()
+
+
+
+
+
diff --git a/tests/wpt/web-platform-tests/css/css-grid/grid-items/grid-img-item-percent-max-height-001.html b/tests/wpt/web-platform-tests/css/css-grid/grid-items/grid-img-item-percent-max-height-001.html
new file mode 100644
index 00000000000..d0d6d04dc7b
--- /dev/null
+++ b/tests/wpt/web-platform-tests/css/css-grid/grid-items/grid-img-item-percent-max-height-001.html
@@ -0,0 +1,13 @@
+
+
+CSS Grid Layout Test: % max height of grid items
+
+
+
+
+
+Test passes if there is a filled green square.
+
+
+

+
diff --git a/tests/wpt/web-platform-tests/css/css-paint-api/one-custom-property-animation.https.html b/tests/wpt/web-platform-tests/css/css-paint-api/one-custom-property-animation.https.html
index 1675bba1696..ca746f5999b 100644
--- a/tests/wpt/web-platform-tests/css/css-paint-api/one-custom-property-animation.https.html
+++ b/tests/wpt/web-platform-tests/css/css-paint-api/one-custom-property-animation.https.html
@@ -6,9 +6,6 @@
.container {
width: 100px;
height: 100px;
- animation: expand 5s;
- /* TODO(crbug.com/987969): the will-change: transform should not be needed. */
- will-change: transform;
}
@keyframes expand {
0% { --foo: 0; }
@@ -16,10 +13,13 @@
99% { --foo: 50; }
100% { --foo: 100; }
}
+.animate {
+ background-image: paint(geometry);
+ animation: expand 5s;
+}
#canvas-geometry {
background-color: blue;
- background-image: paint(geometry);
}
@@ -48,13 +48,14 @@ CSS.registerProperty({