僅對前景文字顏色應用轉場。不適用於背景圖片

Question

有什麼方法可以將css3轉換僅用於文本顏色？

假設我有一個readmore類具有像

.readmore{ 
    colour:red; 
    -webkit-transition: all .3s ease-out; 
    -moz-transition: all .3s ease-out; 
    -o-transition: all .3s ease-out; 
    transition: all .3s ease-out; 
    background:url(images/sprite.png) no-repeat 0 0; 

} 



.readmore:hover{ 
    colour:red; 
    background:url(images/sprite.png) no-repeat 0 -20px; 
} 

一些過渡效果現在我不希望應用背景圖像過渡。我只需要爲顏色應用轉場。因爲當我們將鼠標放在文字上時，圖像就是動畫，看起來不太好。

有什麼建議嗎？提前致謝。

Answer 1

而不是指定要轉換，你可以指定你只想過渡color財產all性能。

像這樣：

transition: color .3s ease-out; 

，並更改colour到color。

希望這有助於！

Answer 2

使用此選項：

transition-property:color;