CSS移動端按壓波紋是炫酷的交互效果，在觸摸屏幕時會出現(xiàn)類似水波紋的擴(kuò)散效果。實(shí)現(xiàn)起來也不難，下面就來看具體實(shí)現(xiàn)：

.btn:focus{
transition: all 0.3s ease-out;
transform: scale(1.05);
box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15);
outline: none;
}
.btn:active{
transition: all 0.3s ease-out;
transform: scale(0.95);
box-shadow: none;
background-color: rgba(0, 0, 0, 0.2);
}

通過:focus和:active偽類選擇器來實(shí)現(xiàn)按壓效果。其中:focus表示按鈕獲取焦點(diǎn)時，:active表示按鈕被激活（被按下）時。通過transition屬性來實(shí)現(xiàn)平滑過渡效果，transform屬性控制按鈕縮放，box-shadow屬性實(shí)現(xiàn)按鈕陰影效果，background-color屬性確定背景色。

需要注意的是，該效果在Android平臺下可能會出現(xiàn)卡頓，需要針對不同的平臺做適配。同時，在考慮交互效果時也需兼顧用戶體驗，不要過分追求效果而降低實(shí)用性。