background-color-animation-with-mask-ref.html

Enable keyboard shortcuts

<!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>