如何使用css3轉換與jquery動畫？

我從here這個旋轉木馬，我想添加一些css3轉換選項。如何使用css3轉換與jquery動畫？

更確切地說：

-webkit-transform-style: preserve-3d; 
-webkit-transform: rotateY(45deg);

在JavaScript

我有

if (newPosition == 1) { 
    new_width = pluginData.largeFeatureWidth; 
    new_height = pluginData.largeFeatureHeight; 
    new_top = options.topPadding; 
    new_zindex = $feature.css("z-index"); 
    new_fade = 1.0; 
    } else { 
    new_width = pluginData.smallFeatureWidth; 
    new_height = pluginData.smallFeatureHeight; 
    new_top = options.smallFeatureOffset + options.topPadding; 
    new_zindex = 1; 
    new_fade = 0.4; 
    }

和動畫功能在這裏運行

.animate(
     { 
     width: new_width, 
     height: new_height, 
     top: new_top, 
     left: new_left, 
     opacity: new_fade 
     }

生成的CSS是：

element.style { 
    width: 225px; 
    height: 115px; 
    top: 70px; 
    left: 50px; 
    opacity: 0.4; 
    z-index: 1; 
}

現在，這一切都瓦爾正在這個插件計算，我只有在加入變換選擇這個動畫的功能，這樣的事情感興趣：

.... 
} else { 
    new_width = pluginData.smallFeatureWidth; 
    new_height = pluginData.smallFeatureHeight; 
    new_top = options.smallFeatureOffset + options.topPadding; 
    new_zindex = 1; 
    new_fade = 0.4; 
    new_transform_style = 'preserve-3d'; 
    new_transform = 'rotateY(45deg)'; 
}

和

.animate(
     { 
     width: new_width, 
     height: new_height, 
     top: new_top, 
     left: new_left, 
     opacity: new_fade, 
     transform_style = new_transform_style; 
     transform = new_transform; 
     }

但即時通訊不知道這些是正確的動畫風格符號

有什麼想法嗎？

感謝

來源

2012-04-12 Patrioticcow

jQuery動畫庫不支持CSS3轉換，它嚴格基於JavaScript。 – qJake 2012-04-12 21:09:24