CSS3錢幣旋轉是實現網站動畫效果的一種方法。借助CSS3的新特性，可以很方便地實現錢幣旋轉效果，達到裝飾網頁的目的。

.box {
width: 50px;
height: 50px;
position: relative;
}
.box:before {
content: '';
display: block;
position: absolute;
top: 0;
left: 0;
width: 50px;
height: 50px;
background: url('./coin.png');
background-size: contain;
transform: rotateY(-90deg);
animation: spin 2s infinite linear;
transform-origin: 50% 50%;
}
@keyframes spin {
0% {
transform: rotateY(-90deg);
}
100% {
transform: rotateY(270deg);
}
}

以上是實現CSS3錢幣旋轉效果的代碼，其中.box表示需要實現效果的盒子，寬高各為50px，設置為relative相對定位。.box:before表示盒子內的內容，使用絕對定位，寬高同樣為50px，背景使用一個錢幣圖片。其中，transform: rotateY(-90deg)表示將錢幣翻轉90度，面使面，且是在x軸繞著旋轉。animation: spin 2s infinite linear;表示將旋轉的動畫作用于.box:before，旋轉時間為2s，無限循環，線性變化。transform-origin: 50% 50%;表示旋轉的中心點在盒子的中心。

最后，我們需要定義動畫，使用@keyframes表示一個時間事件，從0%開始到100%結束，transform: rotateY(-90deg)表示錢幣翻轉面使面，且是在x軸繞著旋轉，transform: rotateY(270deg)表示錢幣面向觀眾，也就是從背面翻轉到正面。通過不斷重復動畫，就可以實現網頁上的錢幣旋轉效果。