<!DOCTYPE html>
<style>
.container {
  width: 100px;
  height: 100px;
  -webkit-mask-image: url('../resources/stripes-100.png');
  -webkit-mask-size: 100px 100px;
  -webkit-mask-repeat: no-repeat;
  mask-image: url('../resources/stripes-100.png');
  mask-size: 100px 100px;
  mask-repeat: no-repeat;
  background-color:  rgb(0, 0, 150);
}
</style>
</style>
<body>
  <div class="container"></div>
</body>
