<!DOCTYPE html>
<meta charset="UTF-8">
<title>mask-image-interpolation</title>
<link rel="help" href="https://drafts.fxtf.org/css-masking-1/#the-mask-image">
<meta name="assert" content="mask-image supports animation">

<script src="../../../resources/testharness.js"></script>
<script src="../../../resources/testharnessreport.js"></script>
<script src="../../../css/support/interpolation-testcommon.js"></script>

<style>
.parent {
  mask-image: url(../resources/blue-20.png);
}
.target {
  width: 20px;
  heig