-
Notifications
You must be signed in to change notification settings - Fork 1.3k
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
https://bugs.webkit.org/show_bug.cgi?id=261996 rdar://115931011 Reviewed by Alex Christensen. Upstream commit: web-platform-tests/wpt@c21bb1f * LayoutTests/TestExpectations: * LayoutTests/imported/w3c/resources/resource-files.json: * LayoutTests/imported/w3c/web-platform-tests/css/css-masking/clip-path-svg-content/clip-path-shape-circle-004.svg: * LayoutTests/imported/w3c/web-platform-tests/css/css-masking/clip-path/clip-path-borderBox-1c.html: * LayoutTests/imported/w3c/web-platform-tests/css/css-masking/clip-path/clip-path-borderBox-1d-expected.html: Added. * LayoutTests/imported/w3c/web-platform-tests/css/css-masking/clip-path/clip-path-borderBox-1d.html: Added. * LayoutTests/imported/w3c/web-platform-tests/css/css-masking/clip-path/clip-path-borderBox-1e-expected.html: Added. * LayoutTests/imported/w3c/web-platform-tests/css/css-masking/clip-path/clip-path-borderBox-1e.html: Added. * LayoutTests/imported/w3c/web-platform-tests/css/css-masking/clip-path/clip-path-contentBox-1c.html: * LayoutTests/imported/w3c/web-platform-tests/css/css-masking/clip-path/clip-path-contentBox-1d-expected.html: Added. * LayoutTests/imported/w3c/web-platform-tests/css/css-masking/clip-path/clip-path-contentBox-1d.html: Added. * LayoutTests/imported/w3c/web-platform-tests/css/css-masking/clip-path/clip-path-contentBox-1e-expected.html: Added. * LayoutTests/imported/w3c/web-platform-tests/css/css-masking/clip-path/clip-path-contentBox-1e.html: Added. * LayoutTests/imported/w3c/web-platform-tests/css/css-masking/clip-path/clip-path-fillBox-1a.html: * LayoutTests/imported/w3c/web-platform-tests/css/css-masking/clip-path/clip-path-inline-007-expected.html: Added. * LayoutTests/imported/w3c/web-platform-tests/css/css-masking/clip-path/clip-path-inline-007-ref.html: Added. * LayoutTests/imported/w3c/web-platform-tests/css/css-masking/clip-path/clip-path-inline-007.html: Added. * LayoutTests/imported/w3c/web-platform-tests/css/css-masking/clip-path/clip-path-inline-008-expected.html: Added. * LayoutTests/imported/w3c/web-platform-tests/css/css-masking/clip-path/clip-path-inline-008-ref.html: Added. * LayoutTests/imported/w3c/web-platform-tests/css/css-masking/clip-path/clip-path-inline-008.html: Added. * LayoutTests/imported/w3c/web-platform-tests/css/css-masking/clip-path/clip-path-inline-009-expected.html: Added. * LayoutTests/imported/w3c/web-platform-tests/css/css-masking/clip-path/clip-path-inline-009-ref.html: Added. * LayoutTests/imported/w3c/web-platform-tests/css/css-masking/clip-path/clip-path-inline-009.html: Added. * LayoutTests/imported/w3c/web-platform-tests/css/css-masking/clip-path/clip-path-inline-010-expected.html: Added. * LayoutTests/imported/w3c/web-platform-tests/css/css-masking/clip-path/clip-path-inline-010-ref.html: Added. * LayoutTests/imported/w3c/web-platform-tests/css/css-masking/clip-path/clip-path-inline-010.html: Added. * LayoutTests/imported/w3c/web-platform-tests/css/css-masking/clip-path/clip-path-marginBox-1b-expected.html: Added. * LayoutTests/imported/w3c/web-platform-tests/css/css-masking/clip-path/clip-path-marginBox-1b.html: Added. * LayoutTests/imported/w3c/web-platform-tests/css/css-masking/clip-path/clip-path-marginBox-1c-expected.html: Added. * LayoutTests/imported/w3c/web-platform-tests/css/css-masking/clip-path/clip-path-marginBox-1c.html: Added. * LayoutTests/imported/w3c/web-platform-tests/css/css-masking/clip-path/clip-path-marginBox-1d-expected.html: Added. * LayoutTests/imported/w3c/web-platform-tests/css/css-masking/clip-path/clip-path-marginBox-1d-ref.html: Added. * LayoutTests/imported/w3c/web-platform-tests/css/css-masking/clip-path/clip-path-marginBox-1d.html: Added. * LayoutTests/imported/w3c/web-platform-tests/css/css-masking/clip-path/clip-path-paddingBox-1c.html: * LayoutTests/imported/w3c/web-platform-tests/css/css-masking/clip-path/clip-path-paddingBox-1d-expected.html: Added. * LayoutTests/imported/w3c/web-platform-tests/css/css-masking/clip-path/clip-path-paddingBox-1d.html: Added. * LayoutTests/imported/w3c/web-platform-tests/css/css-masking/clip-path/clip-path-paddingBox-1e-expected.html: Added. * LayoutTests/imported/w3c/web-platform-tests/css/css-masking/clip-path/clip-path-paddingBox-1e.html: Added. * LayoutTests/imported/w3c/web-platform-tests/css/css-masking/clip-path/clip-path-polygon-010.html: * LayoutTests/imported/w3c/web-platform-tests/css/css-masking/clip-path/clip-path-rect-003.html: * LayoutTests/imported/w3c/web-platform-tests/css/css-masking/clip-path/clip-path-strokeBox-1a.html: * LayoutTests/imported/w3c/web-platform-tests/css/css-masking/clip-path/clip-path-strokeBox-1b.html: * LayoutTests/imported/w3c/web-platform-tests/css/css-masking/clip-path/clip-path-viewBox-1c.html: * LayoutTests/imported/w3c/web-platform-tests/css/css-masking/clip-path/clip-path-xywh-003.html: * LayoutTests/imported/w3c/web-platform-tests/css/css-masking/clip-path/w3c-import.log: * LayoutTests/imported/w3c/web-platform-tests/css/css-masking/hit-test/clip-path-svg-geometry-box-expected.txt: Added. * LayoutTests/imported/w3c/web-platform-tests/css/css-masking/hit-test/clip-path-svg-geometry-box.html: Added. * LayoutTests/imported/w3c/web-platform-tests/css/css-masking/hit-test/w3c-import.log: * LayoutTests/imported/w3c/web-platform-tests/css/css-masking/mask-image/mask-image-2.html: * LayoutTests/imported/w3c/web-platform-tests/css/css-masking/mask-image/mask-image-3h.html: * LayoutTests/imported/w3c/web-platform-tests/css/css-masking/mask-image/mask-image-6.html: * LayoutTests/imported/w3c/web-platform-tests/css/css-masking/mask-image/mask-opacity-1d.html: * LayoutTests/imported/w3c/web-platform-tests/css/css-masking/w3c-import.log: Canonical link: https://commits.webkit.org/268361@main
- Loading branch information
Showing
53 changed files
with
651 additions
and
35 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
2 changes: 2 additions & 0 deletions
2
...ted/w3c/web-platform-tests/css/css-masking/clip-path/clip-path-borderBox-1d-expected.html
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,2 @@ | ||
| <!DOCTYPE html> | ||
| <div style="width: 100px; height: 100px; background-color: green"></div> |
18 changes: 18 additions & 0 deletions
18
...sts/imported/w3c/web-platform-tests/css/css-masking/clip-path/clip-path-borderBox-1d.html
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,18 @@ | ||
| <!DOCTYPE html> | ||
| <title>CSS Masking: clip path with border-box</title> | ||
| <link rel="help" href="https://drafts.fxtf.org/css-masking-1/#the-clip-path"> | ||
| <link rel="match" href="reference/green-100x100.html"> | ||
| <meta name="assert" content="Check that the 'clip-path' property supports border-box."> | ||
|
|
||
| <style> | ||
| .clipped { | ||
| width: 50px; | ||
| height: 50px; | ||
| background-color: green; | ||
| clip-path: border-box; | ||
| border: 25px solid green; | ||
| /* This outline draws outside the border box and should be clipped. */ | ||
| outline: 8px solid red; | ||
| } | ||
| </style> | ||
| <div class="clipped"></div> |
2 changes: 2 additions & 0 deletions
2
...ted/w3c/web-platform-tests/css/css-masking/clip-path/clip-path-borderBox-1e-expected.html
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,2 @@ | ||
| <!DOCTYPE html> | ||
| <div style="width: 100px; height: 100px; background-color: green; border-radius: 50px;"></div> |
21 changes: 21 additions & 0 deletions
21
...sts/imported/w3c/web-platform-tests/css/css-masking/clip-path/clip-path-borderBox-1e.html
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,21 @@ | ||
| <!DOCTYPE html> | ||
| <title>CSS Masking: clip path with border-box and border-radius</title> | ||
| <link rel="help" href="https://drafts.fxtf.org/css-masking-1/#the-clip-path"> | ||
| <link rel="help" href="https://drafts.csswg.org/css-shapes-1/#valdef-shape-box-border-box"> | ||
| <link rel="match" href="reference/green-circle-100x100.html"> | ||
| <meta name="fuzzy" content="maxDifference=0-126; totalPixels=0-400"> | ||
| <meta name="assert" content="Check that the 'clip-path' property supports border-box with border-radius."> | ||
|
|
||
| <style> | ||
| .clipped { | ||
| width: 50px; | ||
| height: 50px; | ||
| background-color: green; | ||
| clip-path: border-box; | ||
| border: 25px solid green; | ||
| border-radius: 50px; | ||
| /* This outline draws outside the border box and should be clipped. */ | ||
| outline: 8px solid red; | ||
| } | ||
| </style> | ||
| <div class="clipped"></div> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
2 changes: 2 additions & 0 deletions
2
...ed/w3c/web-platform-tests/css/css-masking/clip-path/clip-path-contentBox-1d-expected.html
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,2 @@ | ||
| <!DOCTYPE html> | ||
| <div style="width: 100px; height: 100px; background-color: green"></div> |
28 changes: 28 additions & 0 deletions
28
...ts/imported/w3c/web-platform-tests/css/css-masking/clip-path/clip-path-contentBox-1d.html
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,28 @@ | ||
| <!DOCTYPE html> | ||
| <title>CSS Masking: clip path with content-box</title> | ||
| <link rel="help" href="https://drafts.fxtf.org/css-masking-1/#the-clip-path"> | ||
| <link rel="match" href="reference/green-100x100.html"> | ||
| <meta name="assert" content="Check that the 'clip-path' property supports content-box."> | ||
|
|
||
| <style> | ||
| body { margin: 0; } | ||
| .clipped { | ||
| display: inline-block; | ||
| clip-path: content-box; | ||
| /* This background draws in the padding and should be clipped. */ | ||
| background-color: red; | ||
| padding: 4px; | ||
| /* This border draws outside the content box and should be clipped. */ | ||
| border: 4px solid darkred; | ||
| /* This outline draws outside the content box and should be clipped. */ | ||
| outline: 100px solid maroon; | ||
| } | ||
| .content { | ||
| width: 100px; | ||
| height: 100px; | ||
| background: green; | ||
| } | ||
| </style> | ||
| <div class="clipped"> | ||
| <div class="content"></div> | ||
| </div> |
2 changes: 2 additions & 0 deletions
2
...ed/w3c/web-platform-tests/css/css-masking/clip-path/clip-path-contentBox-1e-expected.html
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,2 @@ | ||
| <!DOCTYPE html> | ||
| <div style="width: 100px; height: 100px; background-color: green; border-radius: 50px;"></div> |
31 changes: 31 additions & 0 deletions
31
...ts/imported/w3c/web-platform-tests/css/css-masking/clip-path/clip-path-contentBox-1e.html
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,31 @@ | ||
| <!DOCTYPE html> | ||
| <title>CSS Masking: clip path with content-box and border-radius</title> | ||
| <link rel="help" href="https://drafts.fxtf.org/css-masking-1/#the-clip-path"> | ||
| <link rel="help" href="https://drafts.csswg.org/css-shapes-1/#valdef-shape-box-content-box"> | ||
| <link rel="match" href="reference/green-circle-100x100.html"> | ||
| <meta name="fuzzy" content="maxDifference=0-64; totalPixels=0-400"> | ||
| <meta name="assert" content="Check that the 'clip-path' property supports content-box with border-radius."> | ||
|
|
||
| <style> | ||
| body { margin: 0; } | ||
| .clipped { | ||
| display: inline-block; | ||
| clip-path: content-box; | ||
| /* This background draws in the padding and should be clipped. */ | ||
| background-color: red; | ||
| padding: 4px; | ||
| border-radius: 58px; | ||
| /* This border draws outside the content box and should be clipped. */ | ||
| border: 4px solid darkred; | ||
| /* This outline draws outside the content box and should be clipped. */ | ||
| outline: 100px solid maroon; | ||
| } | ||
| .content { | ||
| width: 100px; | ||
| height: 100px; | ||
| background: green; | ||
| } | ||
| </style> | ||
| <div class="clipped"> | ||
| <div class="content"></div> | ||
| </div> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
17 changes: 17 additions & 0 deletions
17
...orted/w3c/web-platform-tests/css/css-masking/clip-path/clip-path-inline-007-expected.html
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,17 @@ | ||
| <!DOCTYPE html> | ||
| <meta content="ahem" name="flags"> | ||
| <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> | ||
| <style> | ||
| .container { | ||
| font: 100px/1 Ahem; | ||
| line-height: 100px; | ||
| } | ||
| .container > span { | ||
| clip-path: circle(50%); | ||
| color: green; | ||
| } | ||
| </style> | ||
| <p>Test passes if there is a filled green circle with radius 50px. | ||
| <div class="container"> | ||
| <span>X</span> | ||
| </div> |
17 changes: 17 additions & 0 deletions
17
...s/imported/w3c/web-platform-tests/css/css-masking/clip-path/clip-path-inline-007-ref.html
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,17 @@ | ||
| <!DOCTYPE html> | ||
| <meta content="ahem" name="flags"> | ||
| <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> | ||
| <style> | ||
| .container { | ||
| font: 100px/1 Ahem; | ||
| line-height: 100px; | ||
| } | ||
| .container > span { | ||
| clip-path: circle(50%); | ||
| color: green; | ||
| } | ||
| </style> | ||
| <p>Test passes if there is a filled green circle with radius 50px. | ||
| <div class="container"> | ||
| <span>X</span> | ||
| </div> |
25 changes: 25 additions & 0 deletions
25
...Tests/imported/w3c/web-platform-tests/css/css-masking/clip-path/clip-path-inline-007.html
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,25 @@ | ||
| <!DOCTYPE html> | ||
| <title>clip-path on inline with border-box and border-radius</title> | ||
| <link rel="help" href="https://drafts.csswg.org/css-shapes-1/#valdef-shape-box-border-box"> | ||
| <link rel="help" href="https://drafts.csswg.org/css-shapes-1/#typedef-shape-box"> | ||
| <link rel="match" href="clip-path-inline-007-ref.html"> | ||
| <meta name="fuzzy" content="maxDifference=0-62; totalPixels=0-325"> | ||
| <meta content="ahem" name="flags"> | ||
| <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> | ||
| <style> | ||
| .container { | ||
| font: 100px/1 Ahem; | ||
| line-height: 100px; | ||
| } | ||
| .container > span { | ||
| border-radius: 50px; | ||
| clip-path: border-box; | ||
| color: green; | ||
| /* This outline draws outside the border box and should be clipped. */ | ||
| outline: 8px solid red; | ||
| } | ||
| </style> | ||
| <p>Test passes if there is a filled green circle with radius 50px. | ||
| <div class="container"> | ||
| <span>X</span> | ||
| </div> |
17 changes: 17 additions & 0 deletions
17
...orted/w3c/web-platform-tests/css/css-masking/clip-path/clip-path-inline-008-expected.html
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,17 @@ | ||
| <!DOCTYPE html> | ||
| <meta content="ahem" name="flags"> | ||
| <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> | ||
| <style> | ||
| .container { | ||
| font: 100px/1 Ahem; | ||
| line-height: 100px; | ||
| } | ||
| .container > span { | ||
| clip-path: circle(50%); | ||
| color: green; | ||
| } | ||
| </style> | ||
| <p>Test passes if there is a filled green circle with radius 50px. | ||
| <div class="container"> | ||
| <span>X</span> | ||
| </div> |
17 changes: 17 additions & 0 deletions
17
...s/imported/w3c/web-platform-tests/css/css-masking/clip-path/clip-path-inline-008-ref.html
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,17 @@ | ||
| <!DOCTYPE html> | ||
| <meta content="ahem" name="flags"> | ||
| <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> | ||
| <style> | ||
| .container { | ||
| font: 100px/1 Ahem; | ||
| line-height: 100px; | ||
| } | ||
| .container > span { | ||
| clip-path: circle(50%); | ||
| color: green; | ||
| } | ||
| </style> | ||
| <p>Test passes if there is a filled green circle with radius 50px. | ||
| <div class="container"> | ||
| <span>X</span> | ||
| </div> |
28 changes: 28 additions & 0 deletions
28
...Tests/imported/w3c/web-platform-tests/css/css-masking/clip-path/clip-path-inline-008.html
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,28 @@ | ||
| <!DOCTYPE html> | ||
| <title>clip-path on inline with margin-box and border-radius</title> | ||
| <link rel="help" href="https://drafts.csswg.org/css-shapes-1/#valdef-shape-box-margin-box"> | ||
| <link rel="help" href="https://drafts.csswg.org/css-shapes-1/#typedef-shape-box"> | ||
| <link rel="match" href="clip-path-inline-008-ref.html"> | ||
| <meta name="fuzzy" content="maxDifference=0-14; totalPixels=0-240"> | ||
| <meta content="ahem" name="flags"> | ||
| <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> | ||
| <style> | ||
| .container { | ||
| font: 50px/1 Ahem; | ||
| line-height: 50px; | ||
| } | ||
| .container > span { | ||
| margin: 25px; | ||
| border-radius: 50px; | ||
| clip-path: margin-box; | ||
| color: green; | ||
| /* This outline draws far outside the margin box and should be partially clipped. */ | ||
| outline: 200px solid green; | ||
| /* Disables margin collapsing. */ | ||
| float: left; | ||
| } | ||
| </style> | ||
| <p>Test passes if there is a filled green circle with radius 50px. | ||
| <div class="container"> | ||
| <span>X</span> | ||
| </div> |
18 changes: 18 additions & 0 deletions
18
...orted/w3c/web-platform-tests/css/css-masking/clip-path/clip-path-inline-009-expected.html
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,18 @@ | ||
| <!DOCTYPE html> | ||
| <meta content="ahem" name="flags"> | ||
| <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> | ||
| <style> | ||
| .container { | ||
| font: 100px/1 Ahem; | ||
| line-height: 100px; | ||
| } | ||
| .container > span { | ||
| margin-left: 50px; | ||
| clip-path: circle(50%); | ||
| color: green; | ||
| } | ||
| </style> | ||
| <p>Test passes if there is a filled green circle with radius 50px. | ||
| <div class="container"> | ||
| <span>X</span> | ||
| </div> |
18 changes: 18 additions & 0 deletions
18
...s/imported/w3c/web-platform-tests/css/css-masking/clip-path/clip-path-inline-009-ref.html
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,18 @@ | ||
| <!DOCTYPE html> | ||
| <meta content="ahem" name="flags"> | ||
| <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> | ||
| <style> | ||
| .container { | ||
| font: 100px/1 Ahem; | ||
| line-height: 100px; | ||
| } | ||
| .container > span { | ||
| margin-left: 50px; | ||
| clip-path: circle(50%); | ||
| color: green; | ||
| } | ||
| </style> | ||
| <p>Test passes if there is a filled green circle with radius 50px. | ||
| <div class="container"> | ||
| <span>X</span> | ||
| </div> |
Oops, something went wrong.