mirror of
https://github.com/servo/servo.git
synced 2025-08-06 06:00:15 +01:00
Update CSS tests to revision b9c63d615a65c4d96f26969bcd504d4e1c3cdab8
This commit is contained in:
parent
0e0e902edd
commit
4d13f9f5d5
641 changed files with 24127 additions and 11370 deletions
60
tests/wpt/css-tests/css-masking-1_dev/html/mask-mode-a.htm
Normal file
60
tests/wpt/css-tests/css-masking-1_dev/html/mask-mode-a.htm
Normal file
|
@ -0,0 +1,60 @@
|
|||
<!DOCTYPE html>
|
||||
<html><head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Masking: mask-mode with vector image</title>
|
||||
<link href="mailto:ethlin@mozilla.com" rel="author" title="Ethan Lin">
|
||||
<link href="https://www.mozilla.org" rel="author" title="Mozilla">
|
||||
<link href="https://www.w3.org/TR/css-masking-1/#propdef-mask-mode" rel="help">
|
||||
<link href="reference/mask-mode-ref.htm" rel="match">
|
||||
<meta content="Test checks that mask an SVG image referenced by mask-image is correct with different mask mode." name="assert">
|
||||
<style type="text/css">
|
||||
div {
|
||||
background-color: blue;
|
||||
position: absolute;
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
top: 10px;
|
||||
}
|
||||
|
||||
div.auto {
|
||||
left: 10px;
|
||||
mask-mode: match-source;
|
||||
mask-image: url(support/blue-100x100.svg);
|
||||
}
|
||||
|
||||
div.alpha {
|
||||
left: 120px;
|
||||
mask-mode: alpha;
|
||||
mask-image: url(support/blue-100x100.svg);
|
||||
}
|
||||
|
||||
div.luminance1 {
|
||||
left: 230px;
|
||||
mask-mode: luminance;
|
||||
mask-image: url(support/blue-100x100.svg);
|
||||
}
|
||||
|
||||
div.luminance2 {
|
||||
left: 340px;
|
||||
mask-mode: luminance;
|
||||
mask-image: url(support/red-100x100.svg);
|
||||
}
|
||||
|
||||
div.luminance3 {
|
||||
left: 450px;
|
||||
mask-mode: luminance;
|
||||
mask-image: url(support/green-100x100.svg);
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="auto"></div>
|
||||
<div class="alpha"></div>
|
||||
<div class="luminance1"></div>
|
||||
<div class="luminance2"></div>
|
||||
<div class="luminance3"></div>
|
||||
|
||||
|
||||
</body></html>
|
Loading…
Add table
Add a link
Reference in a new issue