Я хотел бы анимировать свойство «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