转换不适用于文本填充颜色

Question

转换无法处理文本填充颜色，我在这里无法解决问题。

.project {
-webkit-text-fill-color: #000;
-webkit-background-clip: text;
-webkit-text-stroke: 1px #000;
transition: all ease-in 3s;
}
.project:hover {
-webkit-text-fill-color: transparent;
}

<div class="project-container">
<div class="project">
Transition Not Working
</div>
<div>

Answer 1

来自MDN文档：

非标准：此功能是非标准的，不在标准轨道上。不要在面向Web的生产网站上使用它：它不会适用于每个用户。实现之间也可能存在很大的不兼容性，并且行为可能在未来发生变化。

我用color替换了-webkit-text-fill-color，它似乎工作得很好

.project {
color: #000;
font-size: 48px;
-webkit-background-clip: text;
-webkit-text-stroke: 1px #000;
transition: all ease-in 0.3s;
}
.project:hover {
color: transparent;
}

<div class="project-container">
<div class="project">
Transition Not Working
</div>
<div>