skew使元素在水平或者垂直方向上扭曲。语法很简单，为了演示，我们使用skewX来声明水平方向，然后在括号里设置角度，这里使用30deg。

.h-card { 
transform : skewX(30deg); }

现在我们组合使用两个轴，在垂直方向上使用skewY来倾斜15deg，组合效果如下所示。

.h-card { 
transform : skewX(30deg); 
transform : skewY(15deg); }

我们还可以简写skew属性，如下所示。

.h-card { 
transform : skew(30deg, 15deg); }

最好的学习方法就是在实践中观察它们，我们会在另一张名片上演示水平和垂直，以及正向和反向的扭曲效果，虚线框表示它的初始形状。