アニメーションを極めるための３日目（ズームアウト）

こんにちは。
WEBデザイナーのシュウトウです。

今日のアニメーションは
文字がズームアウトするアニメーションです。

ズームアウトって聞くと、小さい文字が大きい文字に変化するイメージがありますよね。
でも大きい文字が小さい文字（もしくは表示したい文字）に変化することを「ズームアウト」というみたいです。ちなみにその逆が「ズームイン」です。

ズームアウト

設定

出現時に「100px」の大きさから「72px」にズームアウトするように設定しました。
今回はイージングは「cubic-bezier(0.19, 1, 0.22, 1)」にしてスムーズな動きにしました。

今日は文字がズームアウトするアニメーションでした。
ではまた明日、よろしくお願いします。