Как сделать плавное завершение анимации при отводе курсора?

.block {
width: 100px;
height: 100px;
background-color: purple;
margin: 100px auto;
transition: all 1s;
transform: translateY(0%);
}
.block:hover {
transform: translateY(20%);
}