Можно ли анимировать изображение-маску CSS? ⇐ CSS

[Anonymous]

Я хотел бы анимировать свойство «mask-position» изображения маски CSS. Изображение-маска само по себе представляет собой простой градиент, и я предполагал, что, изменяя значение положения маски, я могу заставить фоновый объект исчезать слева направо. Однако можно ли анимировать это свойство? Если нет, есть ли обходной путь?
.header-image figure {
mask-image: url("http://thehermitcrab.org/wp-content/the ... raight.png");
animation: clip-fade 3s;
}

@keyframes clip-fade {
0% {mask-position: 100% 0%;}
100% {mask-position: 0% 0%;}
}

HTML:







Подробнее здесь: https://stackoverflow.com/questions/603 ... mask-image