如果你正在尋找一種吸引人的方式來展示你的網站上的人物信息，那么立體可旋轉的CSS人物就是一個絕佳選擇。

為了達到這個效果，我們需要用到CSS3轉換屬性和過渡屬性。我們可以使用translate3d()和rotate3d()函數來創建立體效果，如下所示：

transform: translate3d(0, 0, 0) rotate3d(1, 0, 0, 0deg);
 transition: all .4s ease;

在這個例子中，我們使用了translate3d()函數來將人物向前移動，而rotate3d()函數則用于實現旋轉效果。我們還添加了過渡屬性，以使過渡更加平滑。

接下來，我們需要為人物添加一些樣式以使其看起來更加真實。我們可以添加幾個陰影和高亮效果來增強立體感。這些樣式如下所示：

.box {
position: relative;
width: 200px;
height: 300px;
margin: 50px auto;
border-radius: 10px;
box-shadow: 0 20px 50px rgba(0, 0, 0, .8), inset 0 50px 50px rgba(255, 255, 255, .2);
}
.head {
position: absolute;
top: 20px;
left: 50%;
width: 100px;
height: 100px;
margin-left: -50px;
border-radius: 50%;
box-shadow: -30px 20px 30px rgba(0, 0, 0, .6), 0 0 30px rgba(0, 0, 0, .6),
inset 0 0 10px rgba(255, 255, 255, .7), inset -20px -15px 30px rgba(0, 0, 0, .6);
}

最后，我們只需要為人物添加一個鼠標懸停事件，當鼠標懸停在人物身上時，我們可以添加更多的過渡效果，如下所示：

.box:hover {
transform: translate3d(0, -30px, 70px) rotate3d(1, 0, 0, -30deg);
box-shadow: 0 60px 80px rgba(0, 0, 0, .8), inset 0 100px 100px rgba(255, 255, 255, .2);
}

通過為人物添加一個鼠標懸停事件，我們可以使其更加生動。當鼠標懸停在人物身上時，它會像在3D空間中一樣旋轉。

總的來說，CSS人物是一種非常有趣的技術，能夠為你的網站帶來很多樂趣！