[HTML][CSS] Charakterystyczny ładny hover Opcje

[Ayrox]

Jak dam <a href="id.php" class="a">Abcd</a>

i w css: a.a {color: #000000;) a.a:hover {color: #313131;}, to jak najade to od razu się robi taki kolor, jak zjadę myszką to z powrotem 000000. Z kolei zauwazyłem na wielu stronach, że jak najade to stopniowo się ściemnia. A jak zjadę kursorem to stopniowo rozjaśnia. Jak takie coś zrobić?