Question

用JS或jquery或CSS3做到旋转。。

想做到这个div沿着X轴旋转，不是自身旋转。。请教下大神们怎么做到。。。

Answer 1

　　js和jquery做不到的，首先这个是css3中的3d转换，用到transform：rotateX(50deg) ，只不过是旋转中心要在你画的线中间，设置transform-origin:50% 0; （这里是xy轴，可以理解为集合第四项现，所以旋转轴所在位置就是红色箭头位置的坐标，x和-y）

　　整理代码：

　　div{ width:500px; height:500px; background:#333; transform-origin:50% 0; transform:rotateX(50deg);

　　如有疑问欢迎咨询