在網站開發中，我們常常需要使用按鈕來實現交互。而為了讓按鈕在用戶點擊時具有更好的視覺效果，我們可以使用按鈕閃光的CSS效果。這個效果可以使得按鈕在被點擊時閃爍一下，從而提醒用戶該按鈕已經被點擊了。

下面是一個簡單的CSS代碼示例，用來實現這種按鈕閃光效果：

.btn-shine {
position: relative;
}
.btn-shine::before {
content: '';
position: absolute;
top: -50%;
left: -50%;
width: 200%;
height: 200%;
border-radius: 50%;
opacity: 0;
background-color: rgba(255, 255, 255, 0.7);
z-index: -1;
transition: opacity 0.3s ease-out;
}
.btn-shine:active::before {
opacity: 1;
}

這段代碼中，我們首先為按鈕的父元素添加了一個相對定位。然后，在按鈕的父元素中，我們使用“::before”偽元素來創建一個圓形的遮罩層，這個遮罩層的背景色是半透明的白色，并且初始狀態下是不可見的（opacity: 0）。最后，我們使用CSS的過渡效果來實現遮罩層從完全不透明變為完全透明的效果，并在按鈕被點擊時觸發這個過渡效果。

通過這樣的CSS代碼示例，我們可以很方便地實現按鈕閃光效果，從而提高網站的用戶體驗。如果您在實際應用中遇到了問題，可以參照這個示例代碼進行調試。祝您開發愉快。