Posted at

Safariでマウスオーバーした時、アニメーション中テキストがにじむ時の解決方法

More than 1 year has passed since last update.

ボタンなどをマウスオーバーした時に透過させるようなアニメーションを実装すると、

Safariの場合ライブテキストがアニメーション中ぼけてしまうため、

以下を指定します。

html {

-webkit-font-smoothing: subpixel-antialiased;
}

-webkit-font-smoothing: antialiased; を指定するとフォント全体が細くなってしまいます。