Анимация доходит до конца

[noak96]

Всем привет!

Возник такой вопрос. У меня есть анимация, она увеличивает блок с 145px до 222px. Мне нужно сделать так, чтобы при наведении и резком выброса курсора из блока, он увеличивался до конца (до 222px) и только потом возвращался в исходное положение. Как это сделать?

.... {
	....
	width:145px;
	....
	-webkit-transition: width 0.5s ease;
	-moz-transition: width 0.5s ease;
	-o-transition: width 0.5s ease;
  	transition:width 0.5s ease;
	...
}
....:hover {
	width:222px;
}

[melky]

а зачем такое нужно? хаки только иногда принимаются как необходимость

скорее всего, придется сделать анимацию через JS