animationやtransitionを使ってCSSアニメーションを行った際に、アニメーションがカクついて困った経験はありませんか?そんな時はwill-changeを使うことによって、カクついていたアニメーションをスムーズにすることができます。 この記事ではwill-changeの使う際の実装方法についてご説明します。 will-changeのブラウザサポート状況(2019/3/10時点)Edge、IE以外の主要なブラウザで利用可能です。 will-changeって何してくれるの?will-changeを指定することによって、アニメーションのパフォーマンスを上げる事ができます。 アニメーションするプロパティーをwill-changeで指定することによって、ブラウザは事前にアニメーションの準備を行い、その要素がアニメーションを行うのに最適な状態にします。ただし、will-changeを多用
![will-changeを使ってなめらかなアニメーションを作成しよう | Tech Blog](https://cdn-ak-scissors.b.st-hatena.com/image/square/7ceb4b4710faacf6717efee7a373d669f649d6f7/height=288;version=1;width=512/https%3A%2F%2Fblog.leap-in.com%2Fwp-content%2Fuploads%2F2019%2F03%2Fnesa-by-makers-1130758-unsplash.jpg)