CSS3可以實現一些比較酷炫的效果，其中之一就是用
標簽實現淡出效果。
/* HTML */
<div class="fading-out">
<p>這是一個淡出的<br>DIV效果</p>
</div>
/* CSS */
.fading-out {
opacity: 1;
transition: opacity .8s ease-out;
}
.fading-out:hover {
opacity: 0;
}上述代碼中，我們為
標簽添加了一個名為"fading-out"的class，并設置了初始狀態的opacity為1。接著，我們為該class添加了一個過渡效果，使淡出的效果能夠呈現出來。
在:hover狀態下，我們設置了opacity為0，以達到淡出的效果。此時，當鼠標懸停在該
上時，便會出現淡出的效果。
值得注意的是，在使用CSS3的過渡效果時，需要添加transition屬性，并設置過渡時間和過渡方式。這樣才能很好地呈現出我們所期望的效果。