mirror of
https://github.com/mozilla/gecko-dev.git
synced 2024-10-21 01:05:45 +00:00
545f6207bd
MozReview-Commit-ID: 7rckMw1DWFj --HG-- extra : rebase_source : 8de286b236e1ea68178d8c908a308365f4e169b9
32 lines
490 B
HTML
32 lines
490 B
HTML
<!DOCTYPE html>
|
|
<meta charset="utf-8">
|
|
<title>Masks need to cause grouping / intermediate surfaces</title>
|
|
<style>
|
|
|
|
.outer {
|
|
/* should give similar results to opacity: 0.5 */
|
|
mask: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5));
|
|
}
|
|
|
|
.box {
|
|
width: 100px;
|
|
height: 100px;
|
|
}
|
|
|
|
.one {
|
|
background: green;
|
|
}
|
|
|
|
.another {
|
|
background: blue;
|
|
margin-top: -50px;
|
|
margin-left: 50px;
|
|
}
|
|
|
|
</style>
|
|
|
|
<div class="outer">
|
|
<div class="one box"></div>
|
|
<div class="another box"></div>
|
|
</div>
|