2019.03.10スポンサーリンク先日、覚えましたCSS3のtransitionプロパティ。試していなかった、transition-timing-functionの変化の違いをサンプルとともに備忘録として残してみました。※IE等、お使いのブラウザによっては、動作しない場合があります。指定Sample.1横にBoxを移動させて変化の違いを確認。{transition-timing-function:cubic-bezier(1,0,1,0);-moz-transition-timing-function:cubic-bezier(1,0,1,0);-webkit-transition-timing-function:cubic-bezier(1,0,1,0);}Sample.2バックの色で変化の違いを確認。個人的には、ease(default)とease-in-outが使い易いかなと思いました。cubic-bezierに関しては、色々な数値によって更に変化が得られます。今後、そちらに関しても試してみたいと思います。