transition

:hoverや:activeなど、要素が変化するためのトリガーで発生するアニメーション。
transition: all 0.5s 0s ease;
（transition: ①変化の対象 ②変化の時間 ③変化の遅延 ④変化の仕方）
①transition-property：変化対象のCSS
②transition-duration：変化の開始から終了までの時間
③transition-delay：変化がいつ始まるか(遅延)
④transition-timing-function：変化の仕方（ease,linear,ease-in など）