浏览器在 CSS3 过渡上的行为不同答案

【问题标题】：Browsers behave differently on CSS3 transitions浏览器在 CSS3 过渡上的行为不同
【发布时间】：2011-07-19 07:46:03
【问题描述】：

大家早上好。

今天我正在为以下代码苦苦挣扎：source on jsFiddle

我一直试图实现的是一种看似简单的图像翻转效果，其中图像的“镜像”使用一些 css3 效果覆盖了原始图像。

如何做到跨浏览器兼容？

【问题讨论】：

【解决方案1】：

我想我可以按照您想要的方式在 Firefox 5 中使用它。见http://jsfiddle.net/X2eN6/7/

【讨论】：

【解决方案2】：

根据CanIUse.com，IE9 不支持 CSS3 过渡，所以我想这就是它在 IE9 中不适合你的原因。

支持该功能的浏览器是 Firefox（从 v4 开始）、Chrome、Safari 和 Opera。但值得指出的是，目前在所有支持它们的浏览器中，过渡都需要供应商前缀。

供应商前缀意味着以下两种情况之一：规范尚未最终确定，因此该功能可能会在语法上发生变化，或者浏览器自身对该功能的支持尚未完成。

Chrome 多年来一直支持过渡，因此一切正常运行也就不足为奇了。 Firefox 只是最近才添加它，因此由于它们需要供应商前缀，因此您应该将其视为警告，可能无法保证 100% 工作。

【讨论】：