Add opacity to the layers.sky test.
R=esprehn@chromium.org Review URL: https://codereview.chromium.org/883903003
This commit is contained in:
parent
ca428592e7
commit
c30847eb9d
@ -1,7 +1,7 @@
|
|||||||
<foo>
|
<foo>
|
||||||
<import src="../resources/run-after-display.sky" as="runAfterDisplay" />
|
<import src="../resources/run-after-display.sky" as="runAfterDisplay" />
|
||||||
|
|
||||||
<img src="http://storage.googleapis.com/mojo/sky-pngs/d888b5c2e16523f2acfba693cfe42b7f142c4076" />
|
<img src="http://storage.googleapis.com/mojo/sky-pngs/ed3514fd579dbaa8c18594cf99f3b60bf4b6ee75" />
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
window.addEventListener('load', function() {
|
window.addEventListener('load', function() {
|
||||||
|
@ -22,6 +22,23 @@ Transforms
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<div style="position: absolute; top: 250px;">
|
||||||
|
Opacity
|
||||||
|
<div style="opacity: 0.8; background-color: pink;">
|
||||||
|
One
|
||||||
|
<div style="opacity: 0.7; position: absolute; left: 10px; background-color: salmon;">
|
||||||
|
Two
|
||||||
|
<div style="opacity: 0.6; position: absolute; left: 20px; background-color: papayawhip;">
|
||||||
|
Three
|
||||||
|
<div style="opacity: 0; transform: translate3d(0, 10px, 0); background-color: papayawhip;">
|
||||||
|
Clear
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
<div style="position: absolute; right: 50px;">
|
<div style="position: absolute; right: 50px;">
|
||||||
<div style="background-color: red;">
|
<div style="background-color: red;">
|
||||||
1
|
1
|
||||||
|
Loading…
x
Reference in New Issue
Block a user