CSS3轉換出自定義動畫

我有一個CSS3中的自定義動畫，我可以轉換到視圖中，但我無法將其轉換出來。看看我的小提琴：http://jsfiddle.net/spryno724/SW8Ly/。請注意，此轉換僅適用於Webkit瀏覽器。CSS3轉換出自定義動畫

試着將鼠標移過樣式文本輸入。當您將鼠標滾動到文本字段上時，背景從白色轉換爲藍色，但不會從藍色轉換爲白色。

我認爲ease-in-out屬性會照顧到這一點，但它似乎只對預定義的動畫這樣做。

如何在鼠標上從藍色過渡到白色？

謝謝你的時間。

爲什麼不使用默認的（-webkit-）轉換方法？似乎你不想做一些奇怪的事情。只需看看這個jsfiddle：http://jsfiddle.net/savver/SW8Ly/2/

看到這個效果：http://www.css3.info/preview/css3-transitions/只需向下滾動，你會看到每個屬性都做了什麼。

2012-05-26 19:37:45 stefan

啊......哇，這很簡單！這是否也適用於-o-，-ms-，-moz-？ –

沒關係，我剛纔看到瀏覽器支持這個想法被提及。謝謝！ –

是的。 -ms-不會工作，至少在IE7-IE9中不行。 IE10可能會支持它。 Opera，Firefox和webkit瀏覽器都支持它。 – stefan

回答