text.html

 
<p class="zw">当我们使用<code>scale</code>时，会改变元素的大小。缩放比例由数值和轴这两个因素来决定。数值介于<code>0.99</code>和<code>0.01</code>之间时，元素将变小，相反，数值大于<code>1.01</code>时，元素将会变大。缩放比例为<code>1</code>时，元素大小保持不变，它周围的元素并不会因为它的尺寸发生改变而产生重绘。</p> 
<p class="zw">你可以沿水平或垂直方向缩放元素，或者两者结合。接下来，我们将使用<code>scaleX</code>将元素水平放大到150%，缩放系数放在括号里。</p> 
<pre class="代码无行号"><code>.h-card { 
transform : scaleX(1.5); }</code></pre> 
<p class="zw">现在用<code>scaleY</code>把高度缩小到50%。</p> 
<pre class="代码无行号"><code>.h-card { 
transform : scale(1.5, .5); }</code></pre> 
<p class="zw">很显然，括号里的这些值应该用逗号隔开。</p> 
<p class="zw">继续在实践中观察<code>scale</code>，我们将用几种方法来改变另一张名片的大小，虚线框依然表示它的初始尺寸。</p> 
<p class="图"><img alt="1803.tif" src="http://csdn-ebook-resources.oss-cn-beijing.aliyuncs.com/images/c4eeb42b07f54b42a9fd1568b8ec4b98/221.jpg"></p>