CSS3動畫是網絡設計領域里最令人興奮的部分之一，它給網頁加上了無限的可能性。其中之一就是透明度動畫。

透明度動畫可以讓元素從完全透明到完全不透明是一個平滑的過渡。在CSS3中，我們可以使用opacity屬性來控制一個元素的透明度。下面是一個例子:

div {
width: 100px;
height: 100px;
background-color: red;
opacity: 1;
transition: opacity 2s ease-in-out;
}
div:hover {
opacity: 0.5;
}

上面的代碼將創建一個方形紅色div，在鼠標懸停時將透明度從1降低到0.5。要使它平滑，請將transition屬性添加到CSS中。

在上面的例子中，我們將transition屬性設置為2秒，并使用ease-in-out當前和最終狀態之間的過渡。

最后，要注意的是透明度動畫不僅適用于背景顏色，還適用于元素的邊框和文本。