css3中-webkit-transform 的 skew 如何使用？

这个skew的默认transform-origin是这个物件的中心点，所以题主你的补充说明里的图，坐标轴的中心点应该是在方块的中心。

skew确实有拉伸的效果

可以参见这三幅图（

）

这是skewX(30deg)

skewY(30deg)

加在一起的效果就是

题主你拿纸笔画一下就更清楚了

skew（我习惯称作斜切）本来就是拉伸。

题主是不是用实物的倾斜去类别？那叫旋转（rotate）。

skew(30deg,30deg)是在xy两个方向倾斜30deg。

这儿有别人现成的demo，上面有两个控件，可以很直观地感受一下：