0

マウスをホバーすると背景が変わるリンクを作成していますが、これは CSS で簡単に作成できますが、ホバーをゆっくりと表示する元の背景にフェードアウト効果が必要です。jQuery プラグインを使用して、このフェード (イン/アウト) 効果を特定のクラスを持つリンクに適用したいと考えています。

私が望むのは、.CLASS:hoverホバリング時にフェードインするか.CLASS、フェードアウトして.CLASS:hoverゆっくりと表示することだけです...元の背景用とホバリング用の別のクラスに変更する必要はありません。

4

2 に答える 2

1

でできますCSS3-Transitions。サポートは素晴らしいです (最新のすべてのブラウザー、IE を含む)

#foo {background:red; @include transition(background 1s)}
#foo:hover {background:yellow}

純粋な CSS:

#foo {
background:red;
-webkit-transition:background 1s;
-moz-transition:background 1s;
-o-transition:background 1s;
transition:background 1s
}

#foo:hover {background:yellow}
于 2013-09-20T12:38:45.993 に答える
0

css3でこれを行うことができます

.CLASS{
    background: <put the color here>;
    transition: background 0.5 ease;
}
.CLASS:hover{
    background: <put the other color here>;
}
于 2013-09-20T12:37:51.277 に答える