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);
如有疑问欢迎咨询
