CSS3變色按鈕是一種用CSS3技術制作的按鈕，具有生動、醒目、實用等特點，廣泛應用于網頁設計、界面開發等領域。

制作CSS3變色按鈕的方法非常簡單，只需要用到CSS3中的過渡(transition)、漸變(linear-gradient)、邊框(border)、圓角(border-radius)等屬性，就可以輕松創建出具有動態效果的按鈕。

.btn {
background: #ff7f50;
background: linear-gradient(to bottom, #ff7f50, #ff6347);
border: 1px solid #ff6347;
border-radius: 5px;
color: #fff;
cursor: pointer;
display: inline-block;
font-size: 16px;
font-weight: bold;
padding: 10px 40px;
text-decoration: none;
text-shadow: 1px 1px #ff6347;
transition: background .2s ease-in-out, color .2s ease-in-out;
}
.btn:hover {
background: #ff6347;
color: #fff;
}

在上述代碼中，我們定義了btn類，設置了相關的CSS屬性，在普通狀態下，按鈕的背景顏色為#ff7f50，以垂直方向為漸變色，從#ff7f50漸變到#ff6347，同時給按鈕設置了1像素的固定邊框，圓角半徑為5像素，字體為白色，同時設置了一個黑色的文字陰影，以達到立體效果，同時設置了通過“過渡”屬性來實現效果的動態變化。當鼠標懸停在按鈕上時，按鈕的背景顏色和字體顏色發生變化，吸引用戶的注意力。

總的來說，CSS3變色按鈕是一種非常實用的前端設計技術，在網頁表現力方面發揮了不小的作用，值得掌握和使用。