如何讓文字在懸停時慢慢變色？

Question

我想讓我的文字顏色像這樣緩慢變化： http://trentwalton.com/2011/05/10/fit-to-scale/

任何想法？

Answer 1

Working FIDDLE Demo

你可以用CSS Transitions做到這一點：

a { 
    color: lime; 
    -webkit-transition: color 1s; 
    -moz-transition: color 1s; 
    -ms-transition:  color 1s; 
    -o-transition:  color 1s; 
    transition:   color 1s; 
} 

a:hover { 
    color: red; 
} 

Answer 2

正如@elclanrs所說，或者你也可以使用它。

$("selector").hover(function(){ 
    // your code to fade in or fade out .... 
}); 

Answer 3

使用CSS過渡.. 看到這個：Fiddle

a { 
    color: #000000; 
} 
a:hover { 
    color: #E24B3B; 
} 
ul a { 
-webkit-transition: color 0.2s ease-out; 
-moz-transition: color 0.2s ease-out; 
-o-transition: color 0.2s ease-out; 
-ms-transition: color 0.2s ease-out; 
transition: color 0.2s ease-out; 
} 

Answer 4

嘗試

a { 
    color: red; 

-webkit-transition: color 0.2s ease-out; 
-moz-transition: color 0.2s ease-out; 
-o-transition: color 0.2s ease-out; 
-ms-transition: color 0.2s ease-out; 
transition: color 0.2s ease-out; 
} 
a:hover { 
    color: blue; 
}