Как выйти?

Question

Для следующего кода анимация при наведении работает нормально.Как только я ухожу, он возвращается к исходному размеру.Как мне реализовать переход при потере фокуса, чтобы в div и out была анимация?

<style>
.border {
  border:1px solid black;
  width:500px;
}
.changesize:hover{
    width:250px;
    transition-property: width;
    transition-duration: 1000ms;
    transition-timing-function: ease-in;
}
</style>
<div class="border changesize">-- a div --</div>

http://scratchpad.io/caring-bead-826

Answer 1

Добавить следующий стиль (для .changesize, когда не парил)

.changesize {
    transition-property: width;
    transition-duration: 1000ms;
    transition-timing-function: ease-in;
}