CSS3比例縮放動畫是一種非常有趣的特效，可以使你的網站更加生動。下面我們來一起學習如何使用CSS3比例縮放動畫。

//HTML代碼
<div class="box"></div>
//CSS代碼
.box{
width: 100px;
height: 100px;
background-color: #ff4400;
transition: transform 0.5s;
}
.box:hover{
transform: scale(1.5);
}

如上代碼所示，我們首先通過HTML標簽<div>來創建一個盒子。然后為盒子添加CSS樣式，設置寬度、高度、背景顏色和過渡效果。注意，我們在這里設置了一個0.5s的過渡效果，這意味著當我們移動鼠標到盒子上時，盒子會在0.5秒內進行縮放動畫。

接下來，我們在:hover偽類中為盒子添加了一個transform:scale(1.5)的屬性。這個屬性可以使盒子比例放大到原來的1.5倍。

通過這樣的設置，當我們把鼠標放在盒子上時，我們會看到盒子會被放大到原來的1.5倍。反之，當我們把鼠標移開盒子時，盒子會恢復到原來的大小。

總的來說，CSS3比例縮放動畫不僅可以使你的網站更加生動，同時也可以讓用戶更加便捷地了解網站上的內容。如果您想要在您的網站或項目中使用這種特效，可以按照上面的代碼設置，也可以根據您的需要對代碼進行一些調整。