如何在 jquery 中为 css3 旋转设置持续时间？

Question

这个 sn-p 工作正常：

$("myelement").css({ rotateY(50deg) '})

例如，我希望这种旋转持续 0.3 秒

我试过了：但没有成功

$("myelement").css({transform: 'transition: all 0.3s ease-in; rotateY(50deg) '})

Answer 1

将transform 和transition 属性分开。

$("myelement").css({
  transition: 'all 0.3s', 
  transform: 'rotateY(50deg)'
});

这是demo。