More than 5 years have passed since last update.

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

Posted at 2017-04-20

ボタンなどをマウスオーバーした時に透過させるようなアニメーションを実装すると、
Safariの場合ライブテキストがアニメーション中ぼけてしまうため、
以下を指定します。

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

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