javascript - 变换：jquery .animate 函数中的 rotateX

Question

我正在尝试使用 CSS 执行翻转效果。我怎样才能得到 -

transform: perspective(1200px) rotateX(0deg)

从

transform: perspective(1200px) rotateX(90deg)

使用jQuery的.animate()功能？

我尝试过使用 jQuery 2D 转换插件，但没有成功。

Answer 1

使用原生 CSS。像这样的东西：

.panel {
    transform: perspective(1200px) rotateX(0deg);
    transition: transform 0.5s linear;
    -webkit-transition: transform 0.5s linear;
}
.panel.flip {
    transform: perspective(1200px) rotateX(90deg);
}

然后只需切换类。