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;   
}

しかし、それは効果がなく、大文字になります。何か案は？

Answer 1

text-transformの移行はないと思います。

Answer 2

私の推測では、中間値のないスタイルで段階的な移行を行う方法はありません。たとえば、2つの間に99の中間値があるため、幅を100pxから200pxに変更できます。しかし、小文字と大文字の中間の値は何ですか（幅の例の150pxや170pxのように、要素をいつでも設定できる値）？

たぶん、テキストをフェードアウト（または途中でフェードアウト）し、大文字に変更してから、テキストをフェードインして戻すことで、トランジションを少し偽造することができます（jQueryが必要な場合があります）。