リンクの色をゆっくりと変える

<div id="default">
<a href="#">リンク</a>
</div>

#default a  {color:#777;
             -webkit-transition:0.3s;
             transition:0.3s;}

#default a:hover  {color:#008080;}