当鼠标离开元素时如何设置悬停过渡[重复]

Question

我为我的按钮设置了悬停过渡，但是正如您所见，当鼠标离开按钮时，没有像以前那样的动画我应该怎么做才能获得过渡？ 非常感谢。

#button{
background-color: #F69680;
border: 2px solid   #2e2263;
text-align: center;
text-transform: uppercase;
text-decoration: none;
outline: none;
margin-top: 20px;
padding: 10px 20px;
color:  #2e2263;
}

#button:hover{
    transition: 0.25s;
    background-color:  #2e2263 ;
    color:  #F69680;
    padding: 15px 30px;
}

Answer 1

我确信有更好的解决方案，但您可以在 #button 上设置过渡，因此如果按钮不再悬停，#button 将被执行/绘制。