CSS3动画适用于Opera Firefox和Safari的WIN7 WINXP Ubuntu 12.04和Debian Squeeze。使用Chrome,在WIN 7(Chrome 21.1.1180.89m)和Ubuntu12.04下都可以。(21.1.1180.89),但在WINXP和Debian Squeeze下不使用相同的版本)。
查看演示网站http://www.hiddenwell.org.uk其中包含一个简单的示例(视图源代码显示了代码)。
对象是在悬停在给定单词上时移动一个句子(并旋转另一个)。在WinXP和Debian中,我第一次"悬停"时——什么都没发生——但第二次"悬浮"会激活动画。然后一切正常,直到问题再次出现时刷新缓存。当使用WIN7和Ubuntu时,列出了其他浏览器以及Chrome浏览器,第一次一切都很好。
同样的情况出现在另一个从页面加载开始的更复杂的动画中。在这里,我使用@keyframe函数来驱动动画。在Chrome(WINXP和Debian)的这个例子中,屏幕冻结了,我需要"刷新"才能获得动画。它首次适用于列出的所有其他场景。
有什么想法吗??
问题通过现在可用于WIN XP和Debian Squeeze的chrome测试版解决,即23.0.1271.17测试版。
感谢Chrome团队的整理。
我会把我的迷你演示留在我的网站上一周左右,这样其他人就能看到效果。
(上面讨论的更复杂的动画也解决了这个问题-我现在可以继续开发另一个网站,我希望在那里使用最新的CSS3/动画技术)