html - 动画文本转换大写

Question

当我将鼠标悬停在链接上时，我想转换为 text-transform:uppercase 。我试过了：

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

a:hover{
text-transform:uppercase;   
}

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

score 0 · Accepted Answer

0

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

于 2012-06-18T02:03:41.437 回答

score 0 · Accepted Answer

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

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

2 回答 2