CSS 可以通過設置旋轉角度和旋轉中心來實現圖片的翻轉效果。下面將介紹如何使用 CSS 實現圖片的翻轉效果。

1. 使用 CSS 旋轉圖片

可以使用 CSS 的 `transform` 屬性來設置圖片的旋轉角度和旋轉中心。例如，要將圖片向左旋轉 90 度，可以使用以下代碼：

width: 100px;

height: 100px;

border: 1px solid #ccc;

transform: rotate(-90deg);

2. 使用 CSS 縮放圖片

除了旋轉圖片，還可以使用 CSS 的 `transform` 屬性來縮放圖片。例如，要將圖片放大 50%，可以使用以下代碼：

width: 100px;

height: 100px;

border: 1px solid #ccc;

transform: scale(0.5);

通過使用 CSS 的 `transform` 屬性，我們可以輕松地實現圖片的翻轉和縮放效果。這些技巧不僅可以用于翻轉圖片，還可以用于其他許多 CSS 效果。