1 0

たしか、ここ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 を使用していた部分だけボヤけていた、という事象だったので
忘れないよう覚書。

Happy
Happy
0 %
Sad
Sad
0 %
Excited
Excited
0 %
Sleepy
Sleepy
0 %
Angry
Angry
0 %
Surprise
Surprise
0 %