зеркало из https://github.com/mozilla/gecko-dev.git
Bug 1318266 - Part 5. Test cases. r=mstange
MozReview-Commit-ID: F9sgd3CwRVw --HG-- extra : rebase_source : b0c1097c27ebbd54c90ac9210aba2dee3eccb0b8
This commit is contained in:
Родитель
cf1f6e24c1
Коммит
eff0b9a167
|
@ -0,0 +1,11 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<style type="text/css">
|
||||
div {
|
||||
background: blue;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
}
|
||||
</style>
|
||||
<div></div>
|
||||
</html>
|
|
@ -0,0 +1,34 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<title>Paint clip-path onto mask layer</title>
|
||||
<style type="text/css">
|
||||
#inner {
|
||||
width: 200px;
|
||||
height: 200px;
|
||||
box-sizing:border-box;
|
||||
background: blue;
|
||||
/* make clip-path pained on mask layer */
|
||||
border: 1px solid transparent;
|
||||
will-change: transform;
|
||||
}
|
||||
|
||||
#outer {
|
||||
width: 200px;
|
||||
height: 200px;
|
||||
clip-path: url(#path);
|
||||
/* make it fixed so that inner div has different AGR with outter div */
|
||||
position: fixed;
|
||||
}
|
||||
</style>
|
||||
<div id="outer">
|
||||
<div id="inner"></div>
|
||||
</div>
|
||||
|
||||
<svg height="0">
|
||||
<defs>
|
||||
<clipPath id="path">
|
||||
<rect x="0" y="0" width="100" height="100"/>
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
||||
</html>
|
|
@ -0,0 +1,34 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<title>Paint positioned mask onto mask layer</title>
|
||||
<style type="text/css">
|
||||
#inner {
|
||||
width: 200px;
|
||||
height: 200px;
|
||||
box-sizing:border-box;
|
||||
background: blue;
|
||||
/* make mask pained on mask layer */
|
||||
border: 1px solid transparent;
|
||||
will-change: transform;
|
||||
}
|
||||
|
||||
#outer {
|
||||
width: 200px;
|
||||
height: 200px;
|
||||
mask-image: url(#mymask);
|
||||
/* make it fixed so that inner div has different AGR with outter div */
|
||||
position: fixed;
|
||||
}
|
||||
</style>
|
||||
<div id="outer">
|
||||
<div id="inner"></div>
|
||||
</div>
|
||||
|
||||
<svg height="0">
|
||||
<defs>
|
||||
<mask id="mymask" x="0" y="0" width="1" height="1">
|
||||
<rect x="0" y="0" width="100" height="100" fill="white"/>
|
||||
</mask>
|
||||
</defs>
|
||||
</svg>
|
||||
</html>
|
|
@ -461,3 +461,6 @@ default-preferences
|
|||
|
||||
!= nested-mask-mode.svg about:blank
|
||||
== mask-empty-size.svg about:blank
|
||||
|
||||
== paint-on-maskLayer-1a.html paint-on-maskLayer-1-ref.html
|
||||
== paint-on-maskLayer-1b.html paint-on-maskLayer-1-ref.html
|
||||
|
|
Загрузка…
Ссылка в новой задаче