【覚書】画像とテキストのボヤけ具合が酷い
たしか、ここ1か月くらいで発生した事象なのだけど
これまで正常に表示されていたスライド(slick.js使用)部分の
画像やテキストが酷くボヤるようになっていました。
何か仕様が変わったのか・・
よくは解りませんが💦
表示確認したところ、windowsでもmacでも同じで
さらにChromeでもsafariでも、edgeでも同様にぼやけていた。。。
一体何が起こったのです?!
とりあえずボヤけないよう対応しなくては・・
ということで
backface-visibility: hidden; -webkit-backface-visibility: hidden; -webkit-font-smoothing: antialiased;
imgタグまたはテキスト等、ボヤけている箇所のタグに
上記のcssを追記。
これでとりあえずボヤけは解消しました。
なお、似たようなjsということで
swiper.js をよく使うのですが、こちらは特に問題なし。
slick.js を使用していた部分だけボヤけていた、という事象だったので
忘れないよう覚書。