Question

我想使用Javascript添加transform: scale()属性。但是对于变换前缀不起作用：

var $square = $('#homepage');
$square.css('zoom', r);
$square.css('-moz-transform', 'scale(' + r + ')');
$square.css(  '-o-transform', 'scale(' + r + ')');

Answer 1

试试这个

element.style.webkitTransform = "";
element.style.MozTransform = "";
element.style.msTransform = "";
element.style.OTransform = "";
element.style.transform = "";

或者jquery：

$(element).css({
    "webkitTransform":"",
    "MozTransform":"",
    "msTransform":"",
    "OTransform":"",
    "transform":""
});

Answer 2

尝试使用以下内容：

element.style.webkitTransform = "scale()";

Answer 3

从jQuery 1.8开始，不需要包含供应商前缀 - 如果需要，jQuery会自动执行此操作。随着对CSS3的支持增加，供应商前缀变得越来越少。

如果使用＆lt; 1.8，那么您可能需要手动修改style属性。

var $h = $('#h');
$h.css({
    background:'#f00'
});
var s = $h.attr('style');
s += '-moz-transform: scale(2);';
$h.attr('style',s);

如何使用Javascript设置样式转换？

3 个答案: