在jQuery中使用css transform属性

How can you specify cross-browser transform controls using jQuery since each browser seems to use its own methodology?

如何使用jQuery指定跨浏览器转换控件，因为每个浏览器似乎都使用自己的方法？

Here is the code I am using for Firefox but I can't even get it to work. I think it's because there is no way to tell which transformation – scale, rotate, skew – to use.

这是我用于Firefox的代码，但我甚至无法让它工作。我认为这是因为无法确定使用哪种转换 - 缩放，旋转，倾斜。

$(".oSlider-rotate").slider({
     min: 10,
     max: 74,
     step: .01,
     value: 24,
     slide: function(e,ui){
                 $('.user-text').css('transform', ui.value)

            }                
  });

4 个解决方案

#1

If you want to use a specific transform function, then all you need to do is include that function in the value. For example:

如果要使用特定的转换函数，那么您需要做的就是在值中包含该函数。例如：

$('.user-text').css('transform', 'scale(' + ui.value + ')');

Secondly, browser support is getting better, but you'll probably still need to use vendor prefixes like so:

其次，浏览器支持越来越好，但您可能仍需要使用这样的供应商前缀：

$('.user-text').css({
  '-webkit-transform' : 'scale(' + ui.value + ')',
  '-moz-transform'    : 'scale(' + ui.value + ')',
  '-ms-transform'     : 'scale(' + ui.value + ')',
  '-o-transform'      : 'scale(' + ui.value + ')',
  'transform'         : 'scale(' + ui.value + ')'
});

jsFiddle with example: http://jsfiddle.net/jehka/230/

jsFiddle示例：http：//jsfiddle.net/jehka/230/

4 个解决方案

#1

更多相关文章

随机推荐