CSS 呼吸按鈕是一種非常流行的按鈕效果，讓按鈕看起來就像在呼吸一樣。CSS 呼吸按鈕的實現其實非常簡單，只需要使用 CSS3 的動畫和 transition 屬性就可以輕松實現。以下是一個簡單的 CSS 呼吸按鈕的代碼實現：

.btn {
display: inline-block;
padding: 12px 28px;
border-radius: 30px;
background-color: #3a86ff;
color: #fff;
font-size: 16px;
text-transform: uppercase;
box-shadow: 0px 5px 32px rgba(58, 134, 255, 0.5);
transition: all 0.3s ease-in-out;
animation: breathe 2s infinite alternate;
}
@keyframes breathe {
0% {
transform: scale(1);
box-shadow: 0px 5px 32px rgba(58, 134, 255, 0.5);
}
100% {
transform: scale(1.2);
box-shadow: 0px 5px 64px rgba(58, 134, 255, 0.7);
}
}

上面的代碼中，我們定義了一個 .btn 的樣式，包含按鈕的樣式和動畫效果。在 .btn 樣式中，我們使用了 transition 屬性來讓按鈕在呼吸的時候，過渡更加平滑。同時，我們使用了 animation 屬性和 @keyframes 規則來定義按鈕的呼吸動畫。在 breathe 動畫中，我們定義了按鈕從正常狀態（scale(1)）到放大狀態（scale(1.2)）的過程，并且調整了按鈕的陰影效果，在放大的時候陰影更加明顯。

在實際使用中，我們只需要將 .btn 樣式應用到頁面上的按鈕元素即可輕松實現 CSS 呼吸按鈕的效果。