CSS3过渡自定义动画

时间:2012-05-26 19:08:10

标签: css css3 css-transitions css-animations

我在CSS3中有一个自定义动画,我可以转换到视图,但我无法将其转换出来。在这里看看我的小提琴:http://jsfiddle.net/spryno724/SW8Ly/。请注意,此转换仅适用于Webkit浏览器。

尝试将鼠标悬停在样式化文本输入上。将鼠标悬停在文本字段上时,背景从白色变为蓝色,但不会从蓝色过渡到白色。

我认为ease-in-out属性可以解决这个问题,但似乎只对预定义的动画执行此操作。

如何在鼠标移出时从蓝色过渡到白色?

感谢您的时间。

1 个答案:

答案 0 :(得分:1)

为什么不使用默认(-webkit-)转换方法?似乎你根本不想做一些奇怪的事情。只要看看这个jsfiddle:http://jsfiddle.net/savver/SW8Ly/2/

请看效果:http://www.css3.info/preview/css3-transitions/只需向下滚动,您就会看到每个属性的作用。