CSS3 过渡出自定义动画

Question

我在 CSS3 中有一个自定义动画，我可以将其转换到 View 中，但无法将其转换出。在这里看看我的 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/只需向下滚动，您就会看到每个属性的作用。