blob: d054a47d76943dd62c87e64870a0f2558859e987 [file] [log] [blame]
<style>
.box { position: relative; width: 100px; height:100px; }
a { display: block; position: relative; width: 100px; height:100px; background-color: green; }
.background { background-color: green; }
.multiply { mix-blend-mode: multiply; }
</style>
<div>
<div class="box background">
<a class="multiply"></a>
</div>
<div class="box background">
<a class="multiply"></a>
</div>
<div class="box background">
<a class="multiply"></a>
</div>
<div class="box background">
<a class="multiply"></a>
</div>
<div class="box background">
<a class="multiply"></a>
</div>
<div class="box background">
<a class="multiply"></a>
</div>
</div>