CSS按鈕觸摸特效是在移動設備上特別有用的一種效果，它能夠讓用戶在輕觸按鈕時，看到按鈕發生的變化，從而使用戶感覺到按鈕被點擊了。下面我們來了解一下如何使用CSS創建按鈕觸摸特效。

/* 按鈕樣式 */
button{
background-color: #4CAF50;
color: white;
border: none;
padding: 12px 24px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
margin: 4px 2px;
transition-duration: 0.4s;
cursor: pointer;
}
/* 觸摸效果 */
button:hover{
background-color: #3e8e41;
}
button:active{
background-color: #3e8e41;
box-shadow: 0 5px #16692e;
transform: translateY(4px);
}

代碼中的button樣式定義了按鈕的樣式，包括背景顏色、文本顏色、邊框、內邊距、字體大小等屬性。通過添加transition-duration屬性，讓按鈕狀態的變化有一個過渡時間。

在:hover偽類中，我們為按鈕添加了一個觸摸效果，即當鼠標懸停在按鈕上時，按鈕的背景顏色變為#3e8e41。

在:active偽類中，我們為按鈕添加了一個被點擊的效果。在點擊按鈕時，背景顏色不變，但是陰影、向下位移等屬性讓按鈕視覺上有一個被按下的效果。

通過以上代碼，我們可以使用CSS來創建簡潔美觀的按鈕，并為按鈕添加觸摸特效，用戶在輕觸按鈕時能夠感受到按鈕被點擊的態度。