<p class="zw">我们可以使用<code>rotate</code>，在0度和360度之间顺时针旋转元素，也可以用负值来逆时针旋转。语法学习起来很快。首先声明使用<code>rotate</code>属性值，然后是括号里的角度，这个例子中使用的是<code>45deg</code>。</p> <pre class="代码无行号"><code>.h-card { transform : rotate(45deg); }</code></pre> <p class="zw">旋转元素时，页面上的其他元素不会受任何影响。实践一下<code>rotate</code>，我们使用不同的角度来旋转另一张卡片，虚线框依然表示它的初始位置。</p> <p class="图"><img alt="1804.tif" src="http://csdn-ebook-resources.oss-cn-beijing.aliyuncs.com/images/c4eeb42b07f54b42a9fd1568b8ec4b98/222.jpg"></p> <p class="图"><img alt="1805.tif" src="http://csdn-ebook-resources.oss-cn-beijing.aliyuncs.com/images/c4eeb42b07f54b42a9fd1568b8ec4b98/223.jpg"></p>
