-webkit- vs -moz-transition

时间:2010-05-08 12:08:46

标签: css css3 webkit mozilla css-transitions

我在我的网站上使用CSS3过渡,-webkit-似乎正在工作,而-moz-则不然。

这是CSS:

article {z-index: 2; float: left; overflow: hidden; position: relative; -webkit-transition: -webkit-transform 0.2s ease-in-out; -moz-transition: -moz-transform 0.2s ease-in-out; }

.mousedown{-webkit-transform: translate(-180px, 0) !important; -moz-transform: translate(-180px, 0) !important; }

只需使用jQuery将mousedown类添加到文章中。

知道我哪里错了吗?

6 个答案:

答案 0 :(得分:11)

Firefox 4及更高版本支持-moz-transition。请参阅documentation page

答案 1 :(得分:2)

更新:见评论。现在已添加对-moz-transition的支持。耶!

没有-moz-transition这样的东西,但是抱歉。 Mozilla将进行转换,但webkit仍然是唯一的引擎渲染转换。

答案 2 :(得分:2)

目前,Mozilla中的CSS转换不支持转换。

https://developer.mozilla.org/en/CSS/CSS_transitions

答案 3 :(得分:2)

Gecko 1.9.3(Firefox 3.7)中添加了对-moz-transition的支持,所以现在-moz-transition只能在Firefox 3.7 alpha版本或Minefield(Firefox每晚构建版本)中使用。

答案 4 :(得分:1)

Opera从10.5开始支持它,并且比webkit好得多。

答案 5 :(得分:0)

CSS过渡,提供了一种在更改CSS属性时控制动画速度的方法。您可以在一段时间内更改属性,而不是让属性更改立即生效。例如,如果将元素的颜色从白色更改为黑色,通常会立即进行更改。启用CSS过渡后,更改将按照加速曲线的时间间隔发生,所有这些都可以自定义。