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

Zwo*_*ord 4 html css jquery

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

它看起来像>

在此输入图像描述

而不是这个>

在此输入图像描述

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

Dan*_*niP 7

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

-webkit-transform-origin: 0 0;
-webkit-transform-origin: 100% 0;
Run Code Online (Sandbox Code Playgroud)

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