hoverとは？

カーソルで要素の上を通過（ホバー）させた時の状態

使い方

a{
color: red;
}

a:hover {
color: green;
}

これで通常時は赤色、ホバー時に緑色になります。

ゆっくりと色を色を変えたい時
a {
transition: 1.0s ;
color: red;
}

a:hover {
color: green;
}
これで1 秒かけて緑色に変わります。
1.0s＝1秒
0.1s=0.1秒