CSS3旋轉圖片替換是一種通過CSS3樣式來旋轉圖片的方法，可以將圖片替換為其他元素，例如文本框、按鈕等，從而實現圖片的旋轉效果。

下面我們將分別介紹這些方法：

1. 旋轉角度

使用CSS3中的@media print和@media screen來設置圖片的旋轉角度。其中，@media print可以設置圖片在打印時的大小，而@media screen則可以設置圖片在屏幕上的大小。

例如，如果要將圖片向左旋轉45度，可以設置為：

```css

transform: rotateY(45deg);

如果要將圖片向右旋轉45度，可以設置為：

```css

transform: rotateY(-45deg);

2. 旋轉軸

使用CSS3中的transform軸來設置圖片的旋轉方向和旋轉角度。其中，transform-origin是指旋轉軸的起點和終點。

例如，如果要將圖片向左旋轉90度并向右旋轉45度，可以設置為：

```css

transform: rotateY(90deg);

transform-origin: 0 100%;

如果要將圖片向右旋轉90度并向左旋轉45度，可以設置為：

```css

transform: rotateY(-90deg);

transform-origin: 100% 100%;

3. 旋轉圓周率

使用CSS3中的transform-origin和transform的旋轉算法來實現圖片的旋轉效果。其中，transform-origin是指旋轉軸的起點和終點，而transform的旋轉算法是指將圖片旋轉多少個像素。

例如，如果要將圖片向左旋轉90度并向右旋轉45度，可以設置為：

```css

transform: rotateY(90deg);

transform-origin: 0 100%;

transform: scale(1, 1);

如果要將圖片向右旋轉90度并向左旋轉45度，可以設置為：

```css

transform: rotateY(-90deg);

transform-origin: 100% 100%;

transform: scale(1, 1);

通過使用CSS3中的這些方法，可以輕松地實現圖片的旋轉效果，并且可以靈活地控制圖片的旋轉方向和旋轉角度。