純 CSS3 翻書效果可以為網頁增添交互和美觀度，同時還可以提高用戶體驗。以下是一個簡單的純 CSS3 翻書示例：

.book {
position: relative;
width: 400px;
height: 200px;
perspective: 800px;
}
.book-cover {
position: absolute;
top: 0;
left: 0;
width: 200px;
height: 100%;
background-color: #fff;
transform-origin: left;
transition: transform .5s linear;
}
.book-back {
position: absolute;
top: 0;
right: 0;
width: 200px;
height: 100%;
background-color: #fff;
transform-origin: right;
transition: transform .5s linear;
transform: rotateY(180deg);
}
.book:hover .book-cover {
transform: rotateY(-180deg);
}
.book:hover .book-back {
transform: rotateY(0deg);
}

在上述代碼中，首先定義了一個擁有透視效果的容器元素 .book，它包含兩個子元素 .book-cover 和 .book-back。

然后在 .book-cover 中添加 transform-origin 屬性，設置其為左側，這樣在翻轉時會以左側為翻轉軸心，同時添加 transition 屬性，進行過渡效果的設置。

.book-back 中同樣添加了 transform-origin 屬性，但同時使用了 transform 屬性將其默認狀態設置為翻轉 180 度，也即背面狀態。

最后使用:hover 偽類來設置鼠標懸浮時的效果：在 .book-cover 中，將 transform 屬性設置為翻轉 -180 度；在 .book-back 中，將 transform 屬性設置為翻轉 0 度，即翻轉至正面狀態。

以上便是一個簡單的純 CSS3 翻書示例，相信這個效果可以為你的網頁添加一些獨特的魅力和交互性。