縮放 scale()
縮放 scale()函數 讓元素根據中心原點對對象進行縮放。
縮放 scale 具有三種情況：
scale(X,Y)使元素水平方向和垂直方向同時縮放（也就是X軸和Y軸同時縮放）
例如：
div:hover {
-webkit-transform: scale(1.5,0.5);
-moz-transform:scale(1.5,0.5)
transform: scale(1.5,0.5);
}注意：Y是一個可選參數，如果沒有設置Y值，則表示X，Y兩個方向的縮放倍數是一樣的。
scaleX(x)元素僅水平方向縮放（X軸縮放）
scaleY(y)元素僅垂直方向縮放（Y軸縮放）
HTML代碼：
<div> <div>我將放大1.5倍</div> </div>
CSS代碼：
.wrapper {
width: 200px;
height: 200px;
border:2px dashed red;
margin: 100px auto;
}
.wrapper div {
width: 200px;
height: 200px;
line-height: 200px;
background: orange;
text-align: center;
color: #fff;
}
.wrapper div:hover {
opacity: .5;
-webkit-transform: scale(1.5);
-moz-transform:scale(1.5)
transform: scale(1.5);
}演示結果：
注意：
scale()的取值默認的值爲1，當值設置爲0.01到0.99之間的任何值，作用使一個元素縮小；
而任何大於或等於1.01的值，作用是讓元素放大。
