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的特色属性，我们可以轻易地实现日历的切换以及交互，使网站变得更加生动、优美。