CSS圖片縮放是一項重要的技能，它可以幫助網頁設計者實現更加靈活多樣的設計效果。

以下是一些常見的圖片縮放代碼，使用CSS中的transform屬性實現：

/* 等比縮放（寬高比不變） */
img {
max-width: 100%;
height: auto;
}
/* 任意縮放 */
img {
transform: scale(0.5); /* 縮小50% */
transform: scale(2); /* 放大200% */
}
/* 維持原始比例 */
img {
width: 50%;
height: auto;
}
/* 水平或垂直翻轉 */
img {
transform: scaleX(-1); /* 水平翻轉 */
transform: scaleY(-1); /* 垂直翻轉 */
}
/* 旋轉 */
img {
transform: rotate(45deg); /* 順時針旋轉45度 */
transform: rotate(-45deg); /* 逆時針旋轉45度 */
}
/* 旋轉加縮放 */
img {
transform: rotate(45deg) scale(0.5);
}

除了以上常見的縮放效果以外，還有很多其他可以實現的效果，只要靈活運用transform屬性即可。同時，如果還需要更精細的控制，可以使用CSS中的transition屬性來實現平滑的過渡效果。