我们可以使用rotate，在0度和360度之间顺时针旋转元素，也可以用负值来逆时针旋转。语法学习起来很快。首先声明使用rotate属性值，然后是括号里的角度，这个例子中使用的是45deg。

.h-card { 
transform : rotate(45deg); }

旋转元素时，页面上的其他元素不会受任何影响。实践一下rotate，我们使用不同的角度来旋转另一张卡片，虚线框依然表示它的初始位置。