Tło i wtopione zdjęcie

KOD DO EFEKTU:

<div class="obraz">
<div class="obraz-out">
<div class="obraz-in" style="background-image: url(ZDJĘCIE POSTACI);"></div>
</div></div>




<style>
.post-outer {
background: transparent url(ZDJĘCIE TŁA KARTY)}

.obraz {
clear: both;
text-align: center;
position: relative;
margin-top:-56px;
margin-bottom:-20px;
margin-left:-40px;}

.obraz-out {
width: 680px;
height:383px;
margin: auto;
background:transparent;
position: relative;
text-align: center;}

.obraz-in {
position: absolute;
top: 1px;
left: 1px;
right: 1px;
bottom: 1px;
transition: 1s;
-webkit-mask-image: radial-gradient(ellipse 150% 100% at 50% 0%, #000 0%, #0000 100%);
background-position: center;
background-size: cover;}
</style>

▪ Wartości, które możesz edytować zaznaczone są kolorem.