CSS3的新特性讓網頁設計更加豐富多彩，其中頁角卷起效果是一種常見的設計元素。通過使用CSS3的 transform 和 rotate 屬性，我們可以讓頁面的角落呈現出翻卷的效果。

.folded-corner {
position: absolute;
width: 0;
height: 0;
border-top: 60px solid #a2d39c;
border-right: 60px solid transparent;
transform: rotate(45deg);
}

以上是一個基本的頁角卷起的 CSS 樣式代碼，其中 fold-corner 是一個 div 元素的類名，通過設置它的位置、寬度和高度，以及使用 border-top 和 border-right 實現了一個斜角。在 transform 屬性中使用 rotate(45deg) 可以使這個斜角以 45 度的角度旋轉，呈現出翻卷的效果。

除了基本的頁角卷起，我們還可以通過設置不同的背景色、邊框樣式和陰影效果，來實現不同的設計效果。例如下面這個例子：

.folded-corner-2 {
position: absolute;
width: 0;
height: 0;
border-top: 60px solid #ff9900;
border-right: 60px solid transparent;
box-shadow: -5px 5px 5px rgba(0, 0, 0, 0.5);
transform: rotate(45deg);
}

在這個樣式中，我們設置了一個橙色的斜角，同時在右邊和下邊分別添加了一個 5px 的陰影。這種設計效果更加突出，可以在一些特殊頁面中使用，例如產品詳情、特價促銷等。

總之，CSS3 的頁角卷起效果是一種簡單而實用的設計元素，可以讓網頁呈現出更加生動和有趣的效果。希望本文介紹的樣式能夠對你有所幫助。