CSSで色をゆっくり変化させる

マウスを乗せた時にゆっくりと色が変わると気持ちいいですよね。
ふわっと色が変わるhoverの書き方です。

#eeeのグレーから、マウスを乗せると#666の薄いグレーに0.8秒かけて変わります。

a{
color:#eee;
text-decoration: none;
}
a:hover{
color:#666;
transition: 0.8s ;
}

transitionの設定です。
活用してみてください。