屏幕破碎效果是一種流行的視覺效果，常常被用于游戲和影視中。在CSS3中，可以通過一些簡單的代碼來實現這種效果。下面將介紹如何使用CSS3來創建屏幕破碎效果。

.screen{
position: relative;
overflow: hidden;
height: 400px;
background-color: #ccc;
}
.screen:before{
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-image: url("crack.png");
background-size: 100% 100%;
z-index: 1;
opacity: 0;
transform: scale(1.5);
transition: all 0.5s ease-out;
}
.screen:hover:before{
opacity: 1;
transform: scale(1);
}

以上是創建屏幕破碎效果的代碼。首先，我們需要創建一個包裹整個屏幕的容器，并將其設為相對定位。然后，在容器前面使用:before偽元素來生成一張圖片，圖片的URL可以使用自己喜歡的破碎效果圖。還需要設置一些其他的樣式，例如大小、層級、不透明度、縮放等等。最后，通過懸停事件來觸發:before偽元素的動畫效果，實現屏幕破碎的效果。

需要注意的是，以上代碼僅是示例，實際使用可能需要根據自己的需要進行修改。另外，在使用屏幕破碎效果時需要注意不要過度使用，否則可能會影響用戶體驗。