-moz-transformを要素のスタイルに追加する方法

Question

特定の要素に変換を追加したいと思います。私はブラウザに応じて正しい場所を追加するいくつかのコードを持っています。

クロームでうまくいきますが、それは動作しません。私はスタイル[変換] = "..."を行うときに動作しますが、スタイル[' - moz-transform']を実行するとうまく動作しません。

どのようにしてプレフィックスをFirefoxで使用しますか？

Answer 1

プロパティ名は次のとおりです。WebkitTransform, MozTransform, msTransform and OTransform

あなたはこのコードを使用するプロパティをチェックすることができます。

function getTransformProperty(element) { 
    var properties = ['transform', 'WebkitTransform', 
         'MozTransform', 'msTransform', 
         'OTransform']; 
    var p; 
    while (p = properties.shift()) { 
     if (element.style[p] !== undefined) { 
      return p; 
     } 
    } 
    return false; 
}