зеркало из https://github.com/mozilla/pjs.git
Bug 212633 - "Add support for CSS3 box-shadow" (reftests) [p=ventnor.bugzilla@gmail.com (Michael Ventnor)]
This commit is contained in:
Родитель
d27090aa59
Коммит
cf434eb0e0
|
@ -0,0 +1,28 @@
|
|||
<!DOCTYPE HTML>
|
||||
<style>
|
||||
body {
|
||||
background-color: green;
|
||||
}
|
||||
|
||||
#thediv {
|
||||
background-color: green;
|
||||
width: 300px;
|
||||
height: 100px;
|
||||
position: absolute;
|
||||
top: 20px;
|
||||
left: 20px;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
#theshadow {
|
||||
background-color: black;
|
||||
width: 300px;
|
||||
height: 100px;
|
||||
position: absolute;
|
||||
top: 23px;
|
||||
left: 23px;
|
||||
z-index: 1;
|
||||
}
|
||||
</style>
|
||||
|
||||
<div id="theshadow"> </div><div id="thediv">Foo</div>
|
|
@ -0,0 +1,17 @@
|
|||
<!DOCTYPE HTML>
|
||||
<style>
|
||||
body {
|
||||
background-color: green;
|
||||
}
|
||||
|
||||
#thediv {
|
||||
width: 300px;
|
||||
height: 100px;
|
||||
position: absolute;
|
||||
top: 20px;
|
||||
left: 20px;
|
||||
-moz-box-shadow: 3px 3px black;
|
||||
}
|
||||
</style>
|
||||
|
||||
<div id="thediv">Foo</div>
|
|
@ -0,0 +1,17 @@
|
|||
<!DOCTYPE HTML>
|
||||
<style>
|
||||
body {
|
||||
background-color: green;
|
||||
}
|
||||
|
||||
#thediv {
|
||||
width: 300px;
|
||||
height: 100px;
|
||||
position: absolute;
|
||||
top: 20px;
|
||||
left: 20px;
|
||||
-moz-box-shadow: 3px 3px red;
|
||||
}
|
||||
</style>
|
||||
|
||||
<div id="thediv">Foo</div>
|
|
@ -0,0 +1,17 @@
|
|||
<!DOCTYPE HTML>
|
||||
<style>
|
||||
body {
|
||||
background-color: green;
|
||||
}
|
||||
|
||||
#thediv {
|
||||
width: 300px;
|
||||
height: 100px;
|
||||
position: absolute;
|
||||
top: 20px;
|
||||
left: 20px;
|
||||
-moz-box-shadow: 3px 3px 2px red;
|
||||
}
|
||||
</style>
|
||||
|
||||
<div id="thediv">Foo</div>
|
|
@ -0,0 +1,48 @@
|
|||
<!DOCTYPE HTML>
|
||||
<style>
|
||||
body {
|
||||
background-color: green;
|
||||
}
|
||||
|
||||
#thediv {
|
||||
background-color: green;
|
||||
width: 300px;
|
||||
height: 100px;
|
||||
position: absolute;
|
||||
top: 20px;
|
||||
left: 20px;
|
||||
z-index: 4;
|
||||
}
|
||||
|
||||
#theshadow {
|
||||
background-color: black;
|
||||
width: 300px;
|
||||
height: 100px;
|
||||
position: absolute;
|
||||
top: 29px;
|
||||
left: 29px;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
#theshadow2 {
|
||||
background-color: blue;
|
||||
width: 300px;
|
||||
height: 100px;
|
||||
position: absolute;
|
||||
top: 26px;
|
||||
left: 26px;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
#theshadow3 {
|
||||
background-color: red;
|
||||
width: 300px;
|
||||
height: 100px;
|
||||
position: absolute;
|
||||
top: 23px;
|
||||
left: 23px;
|
||||
z-index: 3;
|
||||
}
|
||||
</style>
|
||||
|
||||
<div id="theshadow"> </div><div id="theshadow2"> </div><div id="theshadow3"> </div><div id="thediv">Foo</div>
|
|
@ -0,0 +1,17 @@
|
|||
<!DOCTYPE HTML>
|
||||
<style>
|
||||
body {
|
||||
background-color: green;
|
||||
}
|
||||
|
||||
#thediv {
|
||||
width: 300px;
|
||||
height: 100px;
|
||||
position: absolute;
|
||||
top: 20px;
|
||||
left: 20px;
|
||||
-moz-box-shadow: 3px 3px red, 6px 6px blue, 9px 9px black;
|
||||
}
|
||||
</style>
|
||||
|
||||
<div id="thediv">Foo</div>
|
|
@ -0,0 +1,28 @@
|
|||
<!DOCTYPE HTML>
|
||||
<style>
|
||||
body {
|
||||
background-color: green;
|
||||
}
|
||||
|
||||
#thediv {
|
||||
background-color: green;
|
||||
width: 300px;
|
||||
height: 100px;
|
||||
position: absolute;
|
||||
top: 20px;
|
||||
left: 20px;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
#theshadow {
|
||||
background-color: black;
|
||||
width: 306px;
|
||||
height: 106px;
|
||||
position: absolute;
|
||||
top: 20px;
|
||||
left: 20px;
|
||||
z-index: 1;
|
||||
}
|
||||
</style>
|
||||
|
||||
<div id="theshadow"> </div><div id="thediv">Foo</div>
|
|
@ -0,0 +1,17 @@
|
|||
<!DOCTYPE HTML>
|
||||
<style>
|
||||
body {
|
||||
background-color: green;
|
||||
}
|
||||
|
||||
#thediv {
|
||||
width: 300px;
|
||||
height: 100px;
|
||||
position: absolute;
|
||||
top: 20px;
|
||||
left: 20px;
|
||||
color: black;
|
||||
-moz-box-shadow: 3px 3px 0px 3px;
|
||||
}
|
||||
</style>
|
||||
<div id="thediv">Foo</div>
|
|
@ -0,0 +1,4 @@
|
|||
== boxshadow-basic.html boxshadow-basic-ref.html
|
||||
!= boxshadow-blur.html boxshadow-blur-notref.html
|
||||
== boxshadow-multiple.html boxshadow-multiple-ref.html
|
||||
== boxshadow-spread.html boxshadow-spread-ref.html
|
Загрузка…
Ссылка в новой задаче