CSS3中的漸變顏色和透明度為設計師帶來了更加豐富的選擇。漸變顏色能夠實現從一種顏色到另一種顏色的平滑過渡。而透明度則可以使得元素變得更加半透明，讓設計更加優美。

/* 漸變顏色 */
background: linear-gradient(to bottom, #FFFFFF 0%, #000000 100%);
/* 上面的代碼表示背景顏色從白色漸變到黑色 */

上面的代碼中，我們使用了linear-gradient()函數來定義漸變。to bottom表示漸變方向為從上到下，#FFFFFF和#000000是表示漸變開始和結束時的顏色，0%和100%表示漸變的起點和終點。

/* 透明度 */
opacity: 0.5;
/* 這段代碼表示元素透明度為50% */

通過設置opacity屬性，可以使得元素變得更加半透明。取值范圍是[0, 1]之間，0表示完全透明、1表示完全不透明。需要注意的是，設置透明度的元素以及它的子元素都會繼承該透明度。

在實際應用中，漸變顏色和透明度可以結合使用，形成更加復雜的效果。比如，可以將一個按鈕的背景顏色設置為漸變色，并讓它的透明度隨著鼠標移動而變化，從而實現更加生動的交互效果。