CSS中的transform屬性可以實現很多有趣的效果，其中平行旋轉是其中之一。在這個效果中，圖片繞著某個軸心旋轉而不改變自身形狀，就好像是在平面內旋轉一張紙片那樣。

.rotate {
transform: rotateY(45deg)
}

在上面的代碼中，我們使用了transform屬性的rotateY函數來實現水平方向的平行旋轉。其中45deg表示旋轉角度，可以根據需要進行調整。此外，還可以使用rotateX函數來實現垂直方向的平行旋轉。

當然，如果想要實現更加復雜的平行旋轉效果，還可以使用CSS3的3D transform屬性來實現。比如在以下的代碼中，我們定義了一個立方體，分別對每個面進行了平行旋轉：

.cube {
width: 200px;
height: 200px;
position: relative;
transform-style: preserve-3d;
}
.cube .face {
position: absolute;
width: 200px;
height: 200px;
background-size: 100%;
background-repeat: no-repeat;
transition: transform .5s ease-in-out;
}
.cube .face.front {
transform: rotateY(0deg) translateZ(100px);
}
.cube .face.back {
transform: rotateY(180deg) translateZ(100px);
}
.cube .face.right {
transform: rotateY(90deg) translateZ(100px);
}
.cube .face.left {
transform: rotateY(-90deg) translateZ(100px);
}
.cube .face.top {
transform: rotateX(90deg) translateZ(100px);
}
.cube .face.bottom {
transform: rotateX(-90deg) translateZ(100px);
}

上面的代碼中，我們使用了CSS3的transform-style屬性，將立方體所在的元素的立體效果打開。然后分別對于立方體的每個面進行了平行旋轉，使其在空間中呈現出立體感。這里的translateZ也是3D transform屬性中的一個函數，表示將元素沿Z軸方向平移。

總的來說，平行旋轉是一種非常有趣且實用的效果，可以帶來很多不錯的視覺體驗。而CSS的transform屬性和3D transform屬性就可以幫助我們實現這樣的效果，充分發揮CSS的造物力。