3D在JQuery幻灯片中使用透视旋转

Question

我打算回答一个标记为JQuery的问题,该问题已经关闭(非主题).我创建了一个小提琴来回答它.它正如我所希望的那样工作,但是旋转的div看起来并不像我想要的那样.

它看起来像>

而不是这个>

我正在使用perspective和rotateY直到现在我已经实现的旋转效果.我只需要CSS帮助.

Answer 1

您需要修改该transform-origin点,试试这个:

-webkit-transform-origin: 0 0;
-webkit-transform-origin: 100% 0;

看到这个小提琴:演示http://jsfiddle.net/kzQFQ/185/