CSS3是用于定制化網頁設計的新一代標準，通過CSS3的技巧操作，網頁可以更加生動豐富。在CSS3中，利用動畫和轉變功能，可以輕松實現div淡入淡出的效果。下面介紹如何實現CSS3的div fade。

.fade {
opacity: 0;
transition: opacity 2s ease-in-out;
}
.fade:hover {
opacity: 1;
}

以上的CSS3代碼中，我們為div 設置了opacity屬性，使其開始時透明度為0。通過transition過渡屬性，設置了透明度從0到1所需要的時間為2秒，使淡入淡出的效果更加自然。同時，通過:hover偽類選擇器，實現了當鼠標移到div上時，透明度變為1的效果，實現了div的淡入效果。

CSS3的動畫效果可謂千姿百態，通過有效地運用div淡入淡出的技巧，可以讓頁面變得更加生動有趣。趕緊嘗試一下吧！