在Mozilla Firefox中相当于-webkit-transform?

时间:2013-02-28 12:40:10

标签: html5 firefox css3 browser

我可以在chrome中移动图像,但不能在mozilla中移动图像。我使用了以下代码:

var s= $("#body").scrollTop(); 
$("#logo").css("-webkit-transform","translateY("+(s/3)+"px)");

对于mozilla我尝试过以下代码

$("#logo").css("-mozkit-transform","translateY("+(s/3)+"px)");

但它不起作用。

有人能告诉我它与mozilla的等价物吗?

2 个答案:

答案 0 :(得分:8)

https://developer.mozilla.org/pl/docs/CSS/transform

$("#logo").css("-moz-transform","translateY("+(s/3)+"px)");

对于其他浏览器:

transform:rotate(7deg);
-ms-transform:rotate(7deg); /* IE 9 */
-moz-transform:rotate(7deg); /* Firefox */
-webkit-transform:rotate(7deg); /* Safari and Chrome */
-o-transform:rotate(7deg); /* Opera */

答案 1 :(得分:2)

“Mozilla”版本是:

$("#logo").css("transform","translateY("+(s/3)+"px)");

没有前缀。事实上,这是所有非WebKit浏览器的当前版本支持的。