ここで例を作成しました:http://jsfiddle.net/6P6Rq/
クロムの最新バージョンを使用しています。基本的に、テキストが完全な不透明度にフェードバックすると、元のテキストの外観に戻ります。1 の代わりに 0.999 の不透明度を試してみましたが、1 のテキストと同じ外観にはなりません。
何か案は?
ここで例を作成しました:http://jsfiddle.net/6P6Rq/
クロムの最新バージョンを使用しています。基本的に、テキストが完全な不透明度にフェードバックすると、元のテキストの外観に戻ります。1 の代わりに 0.999 の不透明度を試してみましたが、1 のテキストと同じ外観にはなりません。
何か案は?
問題は、クロムがフォントの不透明度の変更をレンダリングする方法に起因すると考えています。FF と IE には同じような問題はないようですが、フェード アニメーションの最後にフォントの幅がいっぱいになると突然スキップすることに気付きます。
私は使用してみました:
a { opacity: 1; -webkit-transition: 0.5s; }
a:hover{ opacity: 0.3; -webkit-transition: 0.5s; }
しかし、最後に同じ「スナップ」が表示されました。それは本当に残念です。
フェードの速度を少し速く変更すると、突然の変化がそれほど急ではないように見えますが、他のすべての方法は同じ最終結果を生成するように見えるため、私が思いついたのはそれだけです.