CSS3 Transition Out Пользовательская анимация

Question

У меня есть пользовательская анимация в CSS3, которую я могу перевести в представление, но я не могу ее переписать. Взгляните на мою Fiddle здесь: http://jsfiddle.net/spryno724/SW8Ly/. Обратите внимание, что этот переход работает только в браузерах Webkit.

Попробуйте навести курсор на стилизованный ввод текста. Фон переходит из белого в синий цвет, когда вы наводите мышь на текстовое поле, но не переходит от синего к белому.

Я думал, что свойство ease-in-out позаботится об этом, но, похоже, это делается только для предопределенных анимаций.

Как я могу перейти от синего до белого на мышь?

Спасибо за ваше время.

Answer 1

Почему бы не использовать метод перехода по умолчанию (-webkit-)? Кажется, вы не хотите делать что-то странное. Посмотрите на этот jsfiddle: http://jsfiddle.net/savver/SW8Ly/2/

Посмотрите на эффекты: http://www.css3.info/preview/css3-transitions/ Просто прокрутите вниз, и вы увидите, что делает каждая собственность.