动画文本变换大写

Question

我希望转换为text-transform：当鼠标悬停在链接上时大写。我试过了：

a{
    font-size:20px;
animation-duration: 0.4s;
    transition: all 0.4s ease-in-out;
}

a:hover{
text-transform:uppercase;   
}

但这没有任何效果，它只是弹出大写。有什么想法吗？

Answer 1

我认为没有文本转换的过渡。

Answer 2

我的猜测是，没有办法在没有中间值的样式上进行逐步过渡。例如，您可以将宽度从100px更改为200px，因为两者之间有99个中间值。但是小写和大写之间的中间值是什么（你可以随时设置一个元素的值，如宽度示例中的150px或170px）？

也许你可以通过将文本淡出（或中途退出），将其更改为大写，然后将文本淡入（可能需要jQuery）来稍微伪造转换。