仅对前景文本颜色应用过渡。不适用于背景图片

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

您可以指定只想转换all属性，而不是指定要转换color属性。

像这样：

transition: color .3s ease-out; 

将colour更改为color。

希望这有帮助！

Answer 2

使用此选项：

transition-property:color;