t_wの輪郭

CSSアイコンは拡縮時に歪みやすい問題、CSSアイコンを何も知らず、何も検証してないが、拡大した状態で作って縮小して描画すれば軽減できるような予感がする。スーパーサンプリングとかいうやつの応用。

手が空いたら検証してみよう。

検証したところ、ダメだった
→ CSSアイコンをスーパーサンプリングしても縮小時に消える現象は無くならなかった

ローカルでHTMLファイルを作って書こうと思ったけど、こういう時こそCodePenであるな。

CPU・GPUの処理が必要なのはよろしくないんじゃない？という気はする

やってみたところ、

• 縮小で消える現象は無くならなかった。
• transform:scale()の後にfilter:blur()がかかってしまう。逆のfilter:blur()がかかった後にtransform:scale()してほしかった。
  • ちゃんとtransform:scale()の後にfilter:blur()がかかっていた。勘違い。

Firefox：縮小時に消える
Chrome：スーパーサンプリングしなくてもそもそも消えない