transitionを使うとアニメーションをつけることができます。
「変化の対象」や、「変化にかかる時間」などを指定できます。
「変化の対象」にはcolorなどのプロパティを指定しますが、allを指定すると全てのプロパティに適用出来ます。transitionは多くの場合hoverと組み合わせて使います。
index.html
<div><h1>ゆっくり背景がつくよ</h1></div>style.css
div{transition:all1s;/* 変化の対象 変化の時間 */}div:hover{background-color:red;}