变换：在jquery .animate函数中的rotateX

Question

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

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

来自

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

使用jQuery的.animate()函数？

我尝试过使用jQuery 2D Transformation Plugin，但没有成功。

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);
}

然后只需切换课程。