CSS3全屏特效是目前網頁設計hot選項之一，可以使網頁在滾動、翻頁等效果時更加有動感，更加引人入勝。下面分享幾種CSS3全屏特效實例。

/* 黑白變化效果 */
body{
background: #000;
color: #fff;
}
.transition{
/* 過渡動畫 */
transition: all 2s ease-in-out;
}
.turnwhite{
/* 使背景和文字顏色變為白色 */
background: #fff;
color: #000;
}
/* 全屏淡入淡出效果 */
.fade{
/* 漸隱漸顯動畫 */
animation: fade .5s ease-in-out;
animation-fill-mode: forwards;
}
/* 暗示音樂的跳躍效果 */
#music{
animation: jump 1s ease-in-out infinite;
}
@keyframes jump{
/* 循環動畫 */
0%, 100%{
transform: translateY(0)
}
/* 上下跳動 */
50%{
transform: translateY(-20px)
}
}
/* 下拉菜單 */
.dropdown{
/* 動態高度 */
height: 0;
overflow: hidden;
transition: all .4s ease-in-out;
}
.dropdown.open{
/* 下拉高度 */
height: 150px;
}

以上是一些CSS3全屏特效的代碼實例，可以在網頁設計中靈活運用，讓網頁更加動感、生動、有趣。