CSS3按鈕波紋是指在按鈕點擊時，按鈕周圍會出現(xiàn)一圈類似水波紋的效果，這是一種常見的交互動效。實現(xiàn)這個效果需要使用CSS3的偽元素以及動畫技術(shù)，以下是一份實現(xiàn)按鈕波紋的CSS代碼：

.btn {
position: relative;
overflow: hidden;
background-color: #26a69a;
color: #fff;
text-transform: uppercase;
font-weight: bold;
padding: 15px 30px;
border-radius: 5px;
}
.btn:before {
content: '';
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 0;
height: 0;
background-color: rgba(255, 255, 255, 0.5);
border-radius: 50%;
opacity: 0;
transition: all 0.3s ease;
}
.btn:active:before {
width: 200%;
height: 200%;
opacity: 1;
}

以上代碼中，.btn類表示按鈕樣式，設(shè)置了按鈕的背景色、字體顏色、邊框半徑等樣式。而偽元素:before表示按鈕內(nèi)部的波紋元素，通過絕對定位和transform屬性將波紋元素設(shè)置在按鈕的中心，通過設(shè)置寬高和border-radius屬性實現(xiàn)圓形效果。在默認狀態(tài)下波紋元素的透明度為0，點擊按鈕后通過設(shè)置width和height的值和透明度實現(xiàn)波紋效果。

通過以上代碼實現(xiàn)的按鈕波紋效果可以應(yīng)用在網(wǎng)站的各種按鈕交互中，增加用戶體驗和頁面的美感。同時，在實際開發(fā)中，可以根據(jù)需要調(diào)整代碼中的相關(guān)屬性，達到不同的效果。