CSS3提供了很多方便實用的特性，其中一個就是漸暗效果。對于一些需要強調顯示文本的設計，我們可以使用漸暗效果來達到目的。

首先，我們需要一個盒子（.box）用來包裹文本。然后使用一個遮罩層（.mask）來實現漸暗效果：

.box {
position: relative;
}
.mask {
position: absolute;
left: 0;
top: 0;
background: black;
opacity: 0.5;
z-index: 1;
}

在這段代碼中，我們給盒子設置了 position: relative; 屬性，這樣遮罩層可以相對于盒子定位。遮罩層使用 position: absolute; 屬性，與盒子疊加在一起，并使用 background: black; 指定黑色背景；opacity: 0.5; 屬性指定透明度。

接下來，我們需要在遮罩層上方添加文本（.text），并使用 z-index: 2; 屬性指定層級，將其放在遮罩層上：

.text {
color: white;
font-size: 40px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 2;
}

在這段代碼中，我們指定文本為白色字體，使用 position: absolute; 定位文本，并使用 top: 50%; 和 left: 50%; 屬性將其放置在盒子中央。為了使文本居中，我們使用 transform: translate(-50%, -50%); 屬性。

通過以上代碼的實現，我們就成功地達到了漸暗的效果。你可以根據需要，調整遮罩層的 opacity 屬性，以達到不同的漸暗程度。