CSS3 Animation Snap Back

Question

Я видел несколько вопросов, похожих на мои, но никаких реальных ответов. Есть ли способ предотвратить отскок назад, когда вы снимаете курсор мыши?

Вот мой пример ... http://jsfiddle.net/vX7CV/8/

Если вы откажетесь от элемента, он просто вернется к исходному заполнению, а не к анимации

Answer 1

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;
}

Answer 2

Вы можете достичь того, что хотите, используя переход, а не анимацию (которая в любом случае кажется более актуальной, поскольку это событие при наведении курсора).Я раздвоил твой пример: http://jsfiddle.net/cherryflavourpez/fxL8U/