jquery - IE 的 css3 变换 rotateY 和 transform-origin

Question

我试过使用 Animate element transform rotate但在 IE 6、7、8 中失败!

这是我的代码:

$('.button').click(function(){
    $('.hexagon').animate({
        borderSpacing: 150
    },{
        step:function(now,fx){
            var costheta = Math.cos(now*Math.PI*2/360),
                sintheta = Math.sin(Math.PI*2/360),
                m11 = costheta,
                m12 = -sintheta,
                m21 = sintheta,
                m22 = costheta,
                matrix = 'M11='+m11+',M12='+m12+',M21='+m21+',M22='+m22;
            $(this)
            .css('transform','rotateY('+now+'deg)')
            .css('transform-origin','100% 50%')
            .css('filter','progid:DXImageTransform.Microsoft.Matrix(sizingMethod=\'auto expand\','+matrix+')')
            .css('-ms-filter','progid:DXImageTransform.Microsoft.Matrix(SizingMethod=\'auto expand\','+matrix+')');
        }
    },'linear');
});

http://jsfiddle.net/UserNaN/j7sDa/

请帮帮我!

Answer 1

IE8 and older have no support for CSS transforms.IE9 uses -ms-transform, and IE10 and never use plain transform.

See the Link