使用CSS旋转元素的Javascript

我有以下代码

function rotateRabbitHead(rabbit_head){
    var bunny = document.getElementById(rabbit_head);
    bunny.style.transition = "left 1s ease-in 0s";
    bunny.style.left = "0px";
    bunny.transform = "rotateX(10deg)";
}

我触发函数onclick，看到兔子的头部进入视野，但我无法让头部旋转或在变换上设置时间

我哪里做错了

bunny.style.transform = "rotateX(10deg)";

您忘记了

.style

：）

如果可以，请考虑将此添加到多个浏览器支持< /P>

// Code for Chrome, Safari, Opera
bunny.style.WebkitTransform = "rotate(10deg)"; 
// Code for IE9
bunny.style.msTransform = "rotate(10deg)"; 
// Standard syntax
bunny.style.transform = "rotate(10deg)"; 

您忘记了

.style

：）

如果可以，请考虑将此添加到多个浏览器支持< /P>

// Code for Chrome, Safari, Opera
bunny.style.WebkitTransform = "rotate(10deg)"; 
// Code for IE9
bunny.style.msTransform = "rotate(10deg)"; 
// Standard syntax
bunny.style.transform = "rotate(10deg)"; 

---

您缺少

.style

部分：

bunny.style.transform

。我已投票将此作为印刷错误关闭。链接到一个工作示例：您缺少

.style

部分：

bunny.style.transform

。我投票认为这是一个印刷错误。链接到一个工作示例：