CSS3的碎片特效是一種很酷的效果，它可以讓元素的邊緣和角落變得更加生動。通過使用CSS3的transform和transition屬性，可以很容易地實現碎片特效。

/*設置元素的初始狀態*/
.fragment {
position: relative;
display: inline-block;
transform-origin: 0 0;
transform: perspective(600px) rotateX(0deg) rotateY(0deg);
transition: transform 0.5s ease-out;
}
/*設置鼠標懸停時的狀態*/
.fragment:hover {
transform: perspective(600px) rotateX(-10deg) rotateY(10deg);
}

上面的代碼中，.fragment類代表需要應用碎片特效的元素，通過設置position和display屬性，可以讓元素在頁面中正常顯示。transform-origin屬性用來設置元素的轉換參考點，perspective屬性用來給元素增加深度感。transform屬性用來設置元素的初始狀態，例如在本例中通過rotateX和rotateY屬性讓元素不做任何旋轉。

當鼠標懸停在元素上時，通過:hover偽類觸發元素的transform變換，產生立體的碎片效果。transition屬性用來平滑過渡元素狀態的變化，這樣可以讓整個效果更加流暢。

總之，通過簡單的CSS3代碼，就可以在頁面上實現生動有趣的碎片特效。如果你覺得這些代碼有點難理解，可以先結合實例進行調試，多動手嘗試，相信你一定能夠掌握CSS3碎片特效的技巧。