6

我在我的网站上使用 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 类添加到文章中。

知道我哪里出错了吗?

4

6 回答 6

11

Firefox 4 及更高版本支持-moz-transition. 请参阅文档页面

于 2010-12-17T05:40:21.230 回答
2

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

抱歉,还没有 -moz-transition 之类的东西。Mozilla 会做转换,但 webkit 仍然是唯一的引擎渲染转换。

于 2010-05-08T21:35:59.560 回答
2

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

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

于 2010-05-17T11:20:33.557 回答
2

Gecko 1.9.3 (Firefox 3.7) 中添加了对 -moz-transition 的支持,所以现在 -moz-transition 仅适用于 Firefox 3.7 alpha 版本或 Minefield (Firefox nightly build)。

于 2010-05-19T09:11:43.403 回答
1

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

于 2010-11-14T07:06:39.957 回答
-1

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

于 2015-12-08T10:13:51.513 回答