これはファンキーなものです。Chrome バージョン 20.0.1132.57 と Safari 5.1.7 でのみ問題と思われるため、Webkit に関連していると確信しています。テキストで説明するのはほぼ不可能なので、この問題を説明する短いビデオをアップロードしました。
ビデオ: http://youtu.be/0XttO-Diz2g
短いバージョン: CSS3 アニメーション中に、配置された要素 (絶対または相対) 内にあるテキストのアンチエイリアスが変更されたように見えます。アニメーションの実行中はより太くなります。
注: これは、スケーリングされた要素がアニメーション中にぼやけてしまうこととは異なります。(本号)
考え、回避策などはありますか?