eliott/servo
1
0
Fork 0
mirror of https://github.com/servo/servo synced 2026-04-28 18:37:39 +02:00
Code Issues Packages Projects Releases Wiki Activity

Update CSS tests to revision 31d63cc79bd4c929ed582229e936d7b389f3e6ab

Browse Source
This commit is contained in:
James Graham
2015-03-27 09:18:12 +00:00
parent 1a81b18b9f
commit 2c9faf5363
91915 changed files with 5979820 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

31
tests/wpt/css-tests/css-masking-1_dev/html/clip-path-element-userSpaceOnUse-003.htm Normal file
View File

@@ -0,0 +1,31 @@
<!DOCTYPE html>
<html><head>
<title>CSS Masking: Test clip-path property and external clipPath reference with userSpaceOnUse with percentage - 1</title>
<link href="mailto:dschulze@adobe.com" rel="author" title="Dirk Schulze">
<link href="http://www.w3.org/TR/css-masking-1/#clipping-paths" rel="help">
<link href="http://www.w3.org/TR/css-masking-1/#propdef-clip-path" rel="help">
<link href="http://www.w3.org/TR/css-masking-1/#ClipPathElement" rel="help">
<link href="reference/clip-path-ref-right-green-ref.htm" rel="match">
<meta content="The clip-path property takes a reference to a clipPath element for clipping. Percentage values
are relative to the viewport for userSpaceOnUse on clipPathUnits.
On pass the left half of the site is white and the right half of the site is blue." name="assert">
<style>
html, body {
width: 100%;
height: 100%;
margin: 0;
}
</style>
</head>
<body>
<div style="width: 100%; height: 100%; background-color: green; clip-path: url(#clip); position: absolute;"></div>
<p style="position: absolute;">The test passes if the left half of the site is white and the right half of the site is blue.</p>
<svg>
<clipPath id="clip">
<rect y="0" width="50%" height="100%" x="50%"></rect>
</clipPath>
</svg>
</body></html>