1

テキストの色だけに 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;
}

今は背景画像のトランジションを適用したくありません。色だけにトランジションを適用する必要があります。テキストの上にマウスを置くと、画像がアニメーションしていて見栄えがよくないからです。

何かアドバイス？前もって感謝します。

4

2 に答える 2

1

プロパティを移行することを指定する代わりに、プロパティallのみを移行することを指定できますcolor。

このような：

transition: color .3s ease-out;

に変更colourしcolorます。

お役に立てれば！

于 2013-11-04T07:03:18.087 に答える
0

次のオプションを使用します。

transition-property:color;
于 2013-11-04T06:58:35.353 に答える