<div class="daire">
<img src="http://fatihhayrioglu.com/images/koy_06.jpg" alt="">
<span>+</span>
<img src="https://fatihhayrioglu.com/images/abstract-5.jpg" alt="">
<span>=</span>
<div class="duvar">Çoklu ardalan (multiply)</div>
</div>
.duvar {
margin: 10px;
width: 250px;
height: 165px;
background: url(http://fatihhayrioglu.com/images/koy_06.jpg), url(https://fatihhayrioglu.com/images/abstract-5.jpg);
background-blend-mode: multiply;
text-align: center;
color: #fff;
font-size: 20px;
text-shadow: 3px 3px 3px rgba(0,0,0,.8);
}
.daire {
display: flex;
align-items: center;
}
span {
font-size: 36px;
}
img {
width: 250px;
height: 165px;
margin: 10px;
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.