0

私がやろうとしていること: ブラックボックスにリンクがあります。ホバリング時にボックスの背景を黒から青に変えようとしています。これを行う方法がわかりません。これが私のCSSです（5秒に設定していますが、ホバリング時に有効にしたいです）

@keyframes navBox
{
from {background: #000;}
to {background: #1821BC;}
}

@-moz-keyframes navBox /* Firefox */
{
from {background: #000;}
to {background: #1821BC;}
}

@-webkit-keyframes navBox /* Safari and Chrome */
{
from {background: #000;}
to {background: #1821BC;}
}

nav li
{
 animation: navBox 5s;
 -moz-animation: navBox 5s;
 -webkit-animation: navBox 5s;
}

![]リンク ボックス1の画像

4

1 に答える 1

1

ある色から別の色に 1 回アニメーション化するだけの場合は、アニメーションの代わりにトランジションを使用する必要があります。

nav li {
    -webkit-transition: color 1s;
    transition: color 1s;
}
nav li:hover {
    color: blue;
}

実際: http://jsfiddle.net/ExplosionPIlls/bZXB8/

于 2013-03-15T02:14:00.860 に答える