зеркало из https://github.com/mozilla/gecko-dev.git
32 строки
490 B
HTML
32 строки
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>
|