CSS中的透明度設置動畫是Web設計中常用的動畫效果之一，它可以使網頁在切換時產生漸隱漸現的效果，使網頁的轉場更加流暢自然。

.opacity {
opacity: 0;
transition: opacity 1s;
}
.opacity:hover {
opacity: 1;
}

上述代碼中，我們首先定義了一個樣式名為.opacity的CSS類，它包含了opacity和transition屬性。其中opacity屬性用于設置網頁元素的透明度，transition屬性用于設置元素透明度變化的過渡效果。我們把元素的透明度設置為0，這樣它就會完全透明，然后在元素被懸停時，透明度會變為1，實現了透明度的過渡效果。

如果希望透明度變化更加平滑自然，我們可以將transition屬性值改為更小的時間值，例如0.5s，這樣透明度變化的過程就會更加緩慢，從而產生更加平滑的動畫效果。

.opacity {
opacity: 0;
transition: opacity 0.5s;
}
.opacity:hover {
opacity: 1;
}

總之，CSS中的透明度設置動畫是Web設計中非常實用的動畫效果，它可以使網頁元素在切換時變得更加平滑自然，為用戶提供更好的體驗。