CSS3可以幫助我們實現一屏的效果，一屏的設計能夠更好地提升用戶的體驗，對于網頁制作和頁面優化起到很大的作用。下面將分享一些實現一屏效果的CSS3代碼。

html,body{
height:100%;
overflow:hidden;
}
.container{
position:relative;
height:100%;
}
.container section{
position:absolute;
width:100%;
height:100%;
left:0;top:0;
}
.container section:nth-child(2){
top:100%;
}

以上代碼實現了如下效果：首先，HTML和body元素的高度都設置為100%，確保頁面的高度占滿整個屏幕。其次，利用overflow:hidden來隱藏頁面超出邊界的部分，從而實現一屏的效果。然后，我們將容器元素.container的定位設為relative，以確保其內部絕對定位的元素是相對于該容器進行定位的。

接下來，我們使用.section元素實現具體的內容排版布局。將所有.section元素都設為絕對定位，并將寬和高都設置為100%。然后通過left和top來控制其位置，使第一個section元素正常顯示在屏幕上，而第二個元素從屏幕上方移入，使其top值為100%。

上面這段CSS3代碼可以在實現響應式網站的時候帶來很多便利，而且通過設置一些動態效果，可以讓網站更加生動有趣，增強用戶體驗。