0

マウスが上に来ると、色が白から茶色に徐々に変化するメニューがあります。ただし、マウスを離れると、茶色から白になるはずのときに白から移行が始まり、その理由がわかりません。マウスを上に移動すると、トランジションは問題ありません。CSS をコピーします。

li{
letter-spacing: 2px;
margin-bottom: -10px;
max-width: 280px;
opacity: 0.5;
transition: opacity 1s linear;
}
li:hover{
color: #9b2108;
opacity:1;
transition: opacity 3s linear;
}

ご挨拶。

4

2 に答える 2

0

トランジションを適用する必要があるのは、li 要素だけです。

li {
    letter-spacing: 2px;
    margin: 0 0 -10px;
    max-width: 280px;
    opacity: 0.5;
    transition: opacity 1s linear;
}

li:hover {
    color: #9b2108;
    opacity: 1; 
}
于 2013-05-21T19:13:54.963 に答える
0

どういう意味かよくわかりませんが、これらの変更を見てください。それはあなたが探しているものですか？

li{
letter-spacing: 2px;
margin-bottom: -10px;
max-width: 280px;
opacity: 0.5;
transition: all 1s linear;
}

li:hover{
color: #9b2108;
opacity:1;
transition: opacity 3s linear, color 3s linear;
}

ご覧のとおり、ホバー時とホバーアウト時の両方で遷移していますopacity。編集：実際にホバートランジションも変更できることに気付きました。colorallall

または、ホバー時にすぐに効果を発揮させたい場合はcolor、ホバー遷移をそのままにしておくことができます。

于 2013-05-21T20:31:27.553 に答える