CSS是前端開發必備技能之一，其中按鈕的樣式是常用的元素之一。給按鈕添加劃過變亮的效果可以提升用戶體驗，下面我們來看如何實現這一效果。

/* 普通按鈕樣式 */
.button {
padding: 10px 20px;
background-color: #555;
color: #fff;
border: none;
}
/* 劃過變亮的效果 */
.button:hover {
background-color: #fff;
color: #555;
}

以上代碼中，我們定義了一個普通按鈕樣式，給按鈕設置了背景色、文字顏色和邊框。接著，我們為按鈕添加了:hover樣式，在鼠標劃過時會觸發這個樣式。在:hover樣式中，我們將背景色和文字顏色顛倒，從而實現了按鈕劃過變亮的效果。

這里也可以使用CSS3動畫來實現更加炫酷的效果，例如使用transition屬性讓顏色從一個值平滑地過渡到另一個值。具體可以根據實際需求靈活運用。

總之，使用CSS可以輕松實現按鈕劃過變亮的效果，提升用戶體驗，讓網頁更加生動活潑。