Задержка возврата позиции CSS3 перехода

Question

Есть ли способ отложить переход div, когда он возвращается в исходное состояние, но не когда он начинает анимацию?

Ex:

[ ] <- hover over this
[     ] <- immediately changes to this
[     ] <- stop hovering, stays like this for a second or two
[     ]
[     ]
[     ] <- then animates back to original state
[    ]
[   ]
[  ]
[ ]

Answer 1

Да.Вы можете переопределить анимацию в режиме наведения.

selector {
    property: value1;
    transition: property 1s 1s linear; /* transition: property duration delay easingfunction; */
}
selector:hover {
    property: value1;
    transition: none; /* No animation */
}

Не забудьте добавить префиксы поставщиков.Дополнительная информация о: переходах и CSS3 , автоматический префикс поставщика .