<p class="zw">有时我们需要在一个元素上设置两个或更多的转换。设置多个转换值时，将它们串在一起，并用空格分隔。在下面这个例子中，元素旋转<code>2deg</code>，并且尺寸缩放到原来的<code>1.05</code>倍。</p> <pre class="代码无行号"><code>.h-card { transform: rotate(2deg) scale(1.05); }</code></pre> <p class="zw">浏览器是按照从左到右的顺序来执行的。在最后一个例子中，元素先顺时针旋转<code>2deg</code>，然后再把元素尺寸缩放到原来的<code>1.05</code>倍。看看我们应用的这一系列转换实现的效果吧。</p> <p class="图"><img alt="1808.tif" src="http://csdn-ebook-resources.oss-cn-beijing.aliyuncs.com/images/c4eeb42b07f54b42a9fd1568b8ec4b98/226.jpg"></p> <p class="图"><img alt="1809.tif" src="http://csdn-ebook-resources.oss-cn-beijing.aliyuncs.com/images/c4eeb42b07f54b42a9fd1568b8ec4b98/227.jpg"></p>
