TAG
CSS
Result
Run
License
<div class="mask-wrapper"> <img class="mask-img" src="http://resrc.devdic.com/img/bykind/bg/night_sky_494x314.jpg" /> </div>
.mask-wrapper { border: 1px solid #CCC; display: inline-block; } .mask-img { -webkit-mask: url("http://resrc.devdic.com/img/bykind/alpha/150x135_flower.png") left top, url("http://resrc.devdic.com/img/bykind/alpha/150x135_flower.png") right bottom; mask: url("http://resrc.devdic.com/img/bykind/alpha/150x135_flower.png") left top, url("http://resrc.devdic.com/img/bykind/alpha/150x135_flower.png") right bottom; -webkit-mask-composite: exclude; mask-composite: exclude; }
Console
expand_less
License
License
by DevDic
Close