CSS3旋轉(zhuǎn)圖像復(fù)制可以通過CSS3的transform和after或者before實(shí)現(xiàn)。

.img{
position: relative;
width: 200px;
height: 200px;
}
.img:after{
content: "";
position: absolute;
top: 0;
left: 100%;
transform: rotate(45deg);
transform-origin: 0% 100%;
width: 200px;
height: 200px;
background-image: url("image.jpg");
background-repeat: no-repeat;
}

在上面的代碼中，我們先定義了一個(gè)包含圖像的元素，并對(duì)其進(jìn)行了定位和尺寸設(shè)置。然后通過after偽元素創(chuàng)建一個(gè)新的元素，并設(shè)置其位置為相對(duì)于原先的元素進(jìn)行絕對(duì)定位。接下來通過transform旋轉(zhuǎn)45度，并設(shè)置旋轉(zhuǎn)軸為左下角。最后通過background-image引入需要復(fù)制的圖像，并設(shè)置其中不重復(fù)。

如果需要復(fù)制多個(gè)圖像，只需要修改after的left和top值即可。