CSS3 日歷翻動為網站添加了更生動、更交互式的元素，使用戶體驗更加優越。通過CSS3的transform屬性，我們可以實現日歷上的左右切換，如下代碼所示:

.calendar .prev {
transform: rotate(180deg);
}
.calendar .next {
transform: rotate(0);
}

上述代碼中，我們將prev元素進行了180度的旋轉，使其變為向左的箭頭，而next元素保持默認狀態。接下來，我們需要為鼠標添加交互事件:

.calendar .prev:hover {
transform: rotate(-180deg);
}
.calendar .next:hover {
transform: rotate(360deg);
}

當鼠標懸浮在prev元素上時，我們將其繼續旋轉180度，以便明顯顯示出箭頭向左的效果。而next元素在懸浮時，我們將其旋轉360度，將其顯示為向右的箭頭。

上面的代碼只是日歷翻動的基礎，我們還可以通過CSS3的transition屬性實現更加自然的動畫效果。例如以下的代碼:

.calendar {
position: relative;
}
.calendar .prev:hover, .calendar .next:hover {
transform: scale(1.05);
transition: transform 0.3s ease-in-out;
}

上述代碼中，我們將prev和next元素的scale屬性設置為1.05，當鼠標懸浮上去時，元素會自然縮放，縮放時間為0.3秒，緩動方式為ease-in-out。

總之，借助CSS3的特色屬性，我們可以輕易地實現日歷的切換以及交互，使網站變得更加生動、優美。