Mirrors/servo
1
0
Fork 0
mirror of https://github.com/servo/servo.git synced 2025-08-06 22:15:33 +01:00
Code Issues Projects Releases Packages Wiki Activity

Update web-platform-tests and CSS tests.

Browse source 
- Update CSS tests to revision e05bfd5e30ed662c2f8a353577003f8eed230180.
- Update web-platform-tests to revision a052787dd5c069a340031011196b73affbd68cd9.
This commit is contained in:
Ms2ger 2017-02-06 11:06:12 +01:00
parent fb4f421c8b
commit 296fa2512b
21852 changed files with 2080936 additions and 892894 deletions
Download patch file Download diff file Expand all files Collapse all files

46
tests/wpt/css-tests/css-masking-1_dev/html/mask-image-3g.htm Normal file
View file

@ -0,0 +1,46 @@
<!DOCTYPE html>
<html><head>
<meta charset="utf-8">
<title>CSS Masking: mask-image: SVG masks apply on border area</title>
<link href="mailto:cku@mozilla.com" rel="author" title="CJ Ku">
<link href="https://www.mozilla.org" rel="author" title="Mozilla">
<link href="https://www.w3.org/TR/css-masking-1/#the-mask-image" rel="help">
<link href="reference/mask-image-3-ref.htm" rel="match">
<meta content="Test checks whether apply transfrom to a SVG mask layer works correctly or not." name="assert">
</head><body><svg height="0">
<mask width="300" y="-100" x="-100" maskUnits="userSpaceOnUse" id="mask1" height="300">
<rect y="-100" width="50" style="stroke:none; fill: #ffffff" height="50" x="-100"></rect>
</mask>
<mask width="300" y="-100" x="-100" maskUnits="userSpaceOnUse" id="mask2" height="300">
<circle style="stroke:none; fill: #ffffff" cx="-50" r="25" cy="-50"></circle>
</mask>
</svg>
<style type="text/css">
div.outter {
margin: 0px;
padding: 0px;
width: 200px;
height: 200px;
transform: translate(-10px, -20px);
}
div.inner {
background-color: red;
mask-image: url(#mask1), url(#mask2);
mask-repeat: no-repeat, no-repeat;
box-shadow: 0 0 0 100px purple;
position: relative;
width: 100px;
height: 100px;
left: 100px;
top: 100px;
transform: translate(10px, 20px);
}
</style>
<div class="outter">
<div class="inner"></div>
</div>
</body></html>