アニメーションをつける（transition）

transitionを使うとアニメーションをつけることができます。
「変化の対象」や、「変化にかかる時間」などを指定できます。
「変化の対象」にはcolorなどのプロパティを指定しますが、allを指定すると全てのプロパティに適用出来ます。
transitionは多くの場合hoverと組み合わせて使います。

index.html

<div>
 <h1> ゆっくり背景がつくよ</h1>
</div>

style.css

div {
 transition: all 1s; /* 変化の対象 変化の時間 */
}

div:hover {
 background-color: red;
}