在CSS中，可以使用mask屬性來創(chuàng)建遮罩，并通過設(shè)置mask-image屬性來定義遮罩的形狀和顏色，為了讓遮罩變得透明，我們可以將mask-image屬性的值設(shè)置為linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1))，這樣遮罩就會從透明漸變到不透明。

以下是一個示例代碼：

.mask-example {
  mask: url(#mask-image);
  mask-size: cover;
  mask-repeat: no-repeat;
  mask-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
}

在這個示例中，我們定義了一個名為mask-example的類，并將其應(yīng)用于需要添加遮罩的元素上。mask-image屬性的值是一個線性漸變，從透明（rgba(255, 255, 255, 0)）漸變到不透明（rgba(255, 255, 255, 1)），這樣遮罩就會呈現(xiàn)出透明到不透明的效果。

需要注意的是，mask屬性會覆蓋元素的內(nèi)容，因此我們需要將需要顯示的內(nèi)容放在遮罩之外，由于mask屬性的實(shí)現(xiàn)方式可能因?yàn)g覽器而異，因此在實(shí)際應(yīng)用中需要考慮到兼容性問題。