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 回答