CSS3在前端開發中有許多強大的特性，其中縮放和旋轉是我們經常使用的兩種。

/*縮放*/
transform: scale(1.5); /*放大1.5倍*/
transform: scale(0.5); /*縮小0.5倍*/
/*旋轉*/
transform: rotate(45deg); /*順時針旋轉45度*/
transform: rotate(-45deg); /*逆時針旋轉45度*/

如上代碼所示，我們可以使用CSS3中的transform屬性進行縮放和旋轉?？s放可以通過設定scale的值進行放大或縮??；旋轉則可以通過設定rotate的角度值實現。

除了基本的縮放和旋轉外，還可以利用transform-origin屬性設定元素變換的中心點，并且通過transition屬性將變換過程平滑的過渡，達到更為優美的效果。

/*設定變換中心點*/
transform-origin: 50% 50%; /*值分別為x和y的百分比值*/
/*過渡效果*/
transition: transform 0.5s ease-in-out;

以上便是CSS3縮放和旋轉的基本用法以及擴展優化，靈活運用這些屬性可以為我們的網頁增添許多動感與美感。