はじめに この記事は普段transition-timing-functionの値に なんとなくease、ease-in、ease-out、ease-in-outを設定している方に読んでいただきたい内容になります。 アニメーションが苦手という方も、 この記事で紹介する6つのポイントを抑えることで 普段気づいていたけど対処法がわからなかったアニメーションの違和感の解消方法を学んでいただければ幸いです。 イージングの種類や性質 まずはCSSで使える代表的なイージングの種類と、イージングの強弱について説明します。 CSSで使える代表的なイージングの種類 代表的なイージングは全部で25パターンあります。 とても多い印象を受けたかと思いますが、 イージングとしては、実は8種類だけです。 また、本記事は下記のイージングを元に説明していきます。 何となく、「これだけあるのかー。」くらいで見てください。 ※
