mirror of
https://github.com/servo/servo.git
synced 2025-08-03 20:50:07 +01:00
Update web-platform-tests to revision 89aa3f42131cce5a77268ddaeb2fab8a2e29c2a6
This commit is contained in:
parent
39963266ae
commit
ea00d34098
392 changed files with 5974 additions and 7614 deletions
Binary file not shown.
After Width: | Height: | Size: 109 B |
|
@ -0,0 +1,24 @@
|
|||
<!DOCTYPE html>
|
||||
<title>Reference: mask-image: url(data:...)</title>
|
||||
<link rel="author" title="Mats Palmgren" href="mailto:mats@mozilla.com">
|
||||
<style>
|
||||
#back {
|
||||
position: absolute;
|
||||
box-sizing: border-box;
|
||||
width: 200px;
|
||||
height: 200px;
|
||||
border: 60px solid green;
|
||||
background: blue;
|
||||
}
|
||||
#front {
|
||||
position: absolute;
|
||||
box-sizing: border-box;
|
||||
width: 200px;
|
||||
height: 200px;
|
||||
border: 40px solid blue;
|
||||
background: green;
|
||||
mask-image: url(1x1-black-30-alpha.png); /* 1x1 black with 30% transparency */
|
||||
}
|
||||
</style>
|
||||
<p>The test passes if there is a blue-ish square with a 20px green border around it and a 40px blue-green-ish border around that.</p>
|
||||
<div id="back"></div><div id="front"></div>
|
|
@ -0,0 +1,21 @@
|
|||
<!DOCTYPE html>
|
||||
<title>CSS Test: mask-image on a fragmented inline</title>
|
||||
<link rel="author" title="Mats Palmgren" href="mailto:mats@mozilla.com">
|
||||
<style>
|
||||
columns {
|
||||
display: block;
|
||||
columns: 5;
|
||||
column-fill: auto;
|
||||
column-gap: 10px;
|
||||
height: 30px;
|
||||
background: pink;
|
||||
}
|
||||
div { background: grey; height: 50px; }
|
||||
x {
|
||||
background: grey;
|
||||
mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAqCAYAAADFw8lbAAABqklEQVRYhdXZMa6DMAwAUCOxcQAEF0BIzgG6MTEiJcfhItys1yhrl/oP8AvFScP/BJJUYmlR8mo7BgKAgw9JHEiJkRQ+Pw8xksTBxRzHYBJfJPFFStDXYznvGjhJHHbB9sHdg6cI4tMJco2dxnQDJol3OxB7kuJGqi6ozTNq84xUXUzfYb8juveDSPH4imvzjAAS6zgAyYT/gpbi4RiJPTWQ/mtQAKAGUiP4r1gjsqvKPRG0jg+QUFeVh7Ak8e46isa5TNG11ay+/WDvIorGOQEShrW1r/lq8vnvTogkm7eBVJPFp/5kXTS7qjwb+Z5/W7OmqF6dcja/oQS2yMFHyhlWVwLrqJIS4zaaVyMXC+sC4/LjNu1tnnmDtnlmTD+DXlibDAqQaKG8Pv2l/fejWVQDr08pbt6hUtxYnfImXxfeoaouWPNnUI8L6Q3dLqi4oeGmPpbFFEt7Aoik4WuhwV5CI7opieM2b8aGf+M8Q+N4FAGI5OEOIKLH5Rkb/gbEgo1gS8eKDWmTzI6dwSFsOy7YCDZyV9jwt8YZOOSXDVpwyK9vrPATX4j9ALzDM3y+40zWAAAAAElFTkSuQmCC);
|
||||
}
|
||||
.end { mask-position:100% 100%; mask-repeat: no-repeat; }
|
||||
</style>
|
||||
<body><columns><x style="display:block"><div></div></x></columns><columns><x style="display:block; background: grey; height: 50px;" class="end"></x></columns></body>
|
||||
</html>
|
|
@ -0,0 +1,11 @@
|
|||
<!DOCTYPE html>
|
||||
<title>CSS Reference: mask-image on an inline with a block inside split by a columnset</title>
|
||||
<link rel="author" title="Mats Palmgren" href="mailto:mats@mozilla.com">
|
||||
<style>
|
||||
body { column-width: 40px; column-gap: 0; }
|
||||
div { padding-inline-start: 40px; margin: 1em 0; border-bottom-style: solid; }
|
||||
span { margin-inline-end: -2px; }
|
||||
div { mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVQImWNgYGDwAQAAUQBNt+pgmgAAAABJRU5ErkJggg==); }
|
||||
</style>
|
||||
<body><x><span></span><div></div></x></body>
|
||||
</html>
|
Loading…
Add table
Add a link
Reference in a new issue