CSS 是前端開發中不可或缺的一部分，而 CSS 透明度是其中一個常用的屬性。它可以讓我們設置 HTML 元素的不透明度，使界面看起來更加美觀。通過 CSS，我們可以讓元素變得半透明或者完全透明，達到視覺效果上的不同體驗。

在 CSS 中，透明度可以通過 opacity 屬性來設置。這個屬性可接受從 0 到 1 之間的值。0 表示完全透明，1 表示完全不透明。

.transparent {
opacity: 0.5;
}

上面的 CSS 代碼會將 .transparent 類中的元素設置為半透明。它們會變得更加模糊，并讓背景色透過來。如果想讓元素變得完全透明，則可以將 opacity 設置為 0。

.invisible {
opacity: 0;
}

opacity 并不是唯一的設置透明度的方法。還有一個用于背景的 rgba 函數，它的第四個參數就是用于設置透明度。這個值也是從 0 到 1 的范圍。

.background {
background-color: rgba(0, 0, 0, 0.5);
}

以上 CSS 代碼會將 .background 類中的元素設置為帶有半透明背景的元素。它們將顯示為黑色半透明的背景。其中第四個參數為 0.5，表示透明度為 0.5。

總的來說，透明度是 CSS 中重要的一部分。通過 opacity 和 rgba 函數，我們可以控制元素的透明度，達到不同的視覺效果。這些屬性可以讓我們在設計中更加有創造力。