css3變換rotateY和變換的原始爲IE

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及更早版本不支持CSS變換.IE9使用-ms-transform和IE10，從不使用純變換。

See the Link