CSS中有許多方式可以讓元素從暗到明漸變，這給了我們更多控制視覺效果的能力。

.example {
background-color: #666;
transition: background-color 0.5s ease-out;
}
.example:hover {
background-color: #FFF;
}

上面這段代碼演示了一種常見的暗到明漸變效果，在鼠標懸停時背景色由深灰漸變?yōu)榘咨＿@使用了CSS的過渡屬性，讓背景色的變化更加平滑。

另一個常見的方法是使用漸變色。以下是一個從暗藍色到明藍色的例子：

.example {
background: linear-gradient(to bottom, #185A9D, #4C9ED9);
}

通過指定漸變的方向和顏色值，我們可以創(chuàng)建出很多不同的效果。

最后，我們還可以使用陰影效果來創(chuàng)造出類似的暗到明效果。以下代碼給出了一個使用文本陰影的例子：

.example {
text-shadow: 1px 1px #333;
}

通過微調(diào)陰影的位置和顏色，我們可以獲得與其他方法相似的結(jié)果。