如何将-moz-transform添加到元素的样式

Question

我想为特定元素添加变换。我有一些代码会根据浏览器追加正确的优点。

在Chrome中它工作正常，但它不起作用。当我做风格时[＆＃39;转换＆＃39;] =＆＃34; ...＆＃34;它有效，但当我做风格[＆＃39; -moz-transform＆＃39;]它没有工作。

那么你如何在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;
}