Animation CSS3动画快照

我见过一些与我类似的问题，但没有真正的答案。 有没有一种方法可以防止你把鼠标从悬停状态上拿开后突然反弹

这是我的例子。。。

---

如果您从元素取消悬停，它只会捕捉回其原始填充，而不是设置动画

，您可以在使用过渡而不是动画（这似乎更相关，因为它是悬停事件）后实现所需。我举了你的例子：

哦，太好了！我必须承认，我对动画、过渡和变换之间的区别感到困惑。嘿，谢谢你的帮助，但是你知道如何在渐变中淡入淡出吗？e、 g.-渐变只是一种“弹出式”的效果。不幸的是，你不能（我认为我说CSS渐变目前还不能被动画/转换是正确的，尽管它在规范中）。你可以用这样的东西来伪装它：或者：

ul {
    background-color:black;
    color:white;
    width: 100px;
    height:100px;
    -webkit-transition: padding 0.2s ease-in-out;
}  

ul:hover {
    padding-bottom: 35px;
}

//OR

ul {
    background-color:black;
    color:white;
    width: 100px;
    height:100px;
    -webkit-transition: padding 0.2s ease-in-out;

}     
ul:hover {
    padding-bottom: 35px;
}