CSS投影和透明度是web設計中常用的兩種效果。CSS投影可以使文本或圖像產生獨特的陰影效果，而透明度可以使元素變得半透明或完全透明。

/* 投影樣式 */
.shadow {
box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);
}
/* 半透明 */
.opacity-50 {
opacity: 0.5;
}
/* 完全透明 */
.opacity-0 {
opacity: 0;
}

投影效果的CSS屬性是box-shadow，其中包含四個參數：水平偏移量、垂直偏移量、模糊程度和陰影顏色。我們使用rgba函數定義顏色，最后一個參數是透明度。若最后一個參數為1，則顏色是不透明的（也可以使用十六進制顏色值）。

透明度的CSS屬性是opacity，其值在0到1之間。0表示完全透明，1表示完全不透明。通過修改透明度值可以實現半透明效果。透明元素不會阻止它下面的元素接收事件，所以這在某些情況下非常有用。

這個文本有陰影效果，且半透明。
這個文本有陰影效果，但完全透明。

通過組合使用這兩種效果，我們可以創造出多種視覺效果，如具有獨特風格的卡片、按鈕等等。這些效果可以改善用戶體驗，并提升網站的外觀和功能。