在移動(dòng)端的開發(fā)中，我們經(jīng)常會(huì)遇到需要添加點(diǎn)擊效果的需求，比如當(dāng)用戶點(diǎn)擊一個(gè)按鈕或者鏈接時(shí)，需要添加一些反饋，告訴用戶此時(shí)已經(jīng)點(diǎn)擊了該元素。

.button {
background-color: #007bff;
color: #fff;
padding: 10px 20px;
border-radius: 4px;
transition: all 0.2s ease;
}
.button:active {
background-color: #0062cc;
transform: scale(0.98);
}

上面的代碼是一個(gè)簡(jiǎn)單的按鈕樣式，當(dāng)用戶點(diǎn)擊該按鈕時(shí)，我們給該按鈕添加了一個(gè) :active 狀態(tài)，此時(shí)，按鈕的背景色發(fā)生了變化，并且進(jìn)行了一個(gè)縮放的效果。

這種效果的實(shí)現(xiàn)原理是利用了 CSS3 中的變換（transform）屬性，縮放的初始值為 1，縮放的目標(biāo)值為 0.98。此時(shí)，按鈕會(huì)在被點(diǎn)擊時(shí)自動(dòng)進(jìn)行縮放。

除了這種縮放效果之外，我們還可以添加其它類似的效果，比如透明度變化、邊框的變化等等，這些效果能夠讓用戶更好地感知到當(dāng)前已經(jīng)點(diǎn)擊了該元素。需要注意的是，這種效果不僅僅適用于按鈕元素，對(duì)于鏈接和其它可點(diǎn)擊元素同樣適用。