WEBTODESIGN

clip-pathのtransitionが重くって重くって

clip-path、便利で綺麗! scaleではなくマスクを動かしたいアニメーション、多々あります。

safariで重い

これがどうして、safariでめちゃめちゃ重い。

どうにかなりませんかSafariさ〜〜〜ん…! Macもですが、特にiOSで重さを感じます。 Chromeってほんと優秀だと感じる瞬間…。

直近の案件でも〜使ってらんないってくらい重さを感じて。 そのために、will-changeとかその他イロイロ試してみましたが、重さ改善には繋がりませんでした。

なので、背景色の擬似要素を重ねて、scaleXとかscaleYのtransitionで擬似的にクリッピングマスクってやったりとか。 今後もなるべくtransitionにはclip-pathは使わないようにしようと思います…。無念…。