html - Mozilla Firefox の -webkit-transform に相当

Question

Chrome では画像を移動できますが、Firefox では移動できません。次のコードを使用しました。

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

Firefox の場合、次のコードを試しました。

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

しかし、それは機能していません。

Firefoxに相当するものは何ですか?

Answer 1

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 */

Answer 2

「Mozilla」バージョンは次のとおりです。

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

プレフィックスなし。実際、これは WebKit 以外のすべてのブラウザの現在のリリースでサポートされています。