CSS呼吸燈效果是一種讓網頁元素呼吸般變化的效果，讓網頁看起來更加生動活潑。下面介紹幾種實現呼吸燈效果的CSS代碼。

/* 方式一 */
.box {
animation: breathe 2s ease infinite;
}
@keyframes breathe {
0% {opacity: 0.4;}
50% {opacity: 1;}
100% {opacity: 0.4;}
}
/* 方式二 */
.box {
animation: breathe 2s ease infinite;
}
@keyframes breathe {
from {opacity: 0.4;}
to {opacity: 1;}
from {opacity: 1;}
to {opacity: 0.4;}
}
/* 方式三 */
.box {
animation: breathe 2s ease-in-out infinite alternate;
}
@keyframes breathe {
from {opacity: 0.4; transform: scale(1);}
to {opacity: 1; transform: scale(1.1);}
}
/* 方式四 */
.box {
animation: breathe 2s ease-in-out infinite alternate;
}
@keyframes breathe {
from {opacity: 0.4; transform: scale(1);}
50% {opacity: 1; transform: scale(1.1);}
to {opacity: 0.4; transform: scale(1);}
}
/* 方式五 */
.box {
animation: breathe 2s ease-in-out infinite alternate;
}
@keyframes breathe {
from {opacity: 0.4;}
50% {opacity: 1; transform: scale(1.1);}
to {opacity: 0.4;}
}

以上是幾種實現呼吸燈效果的CSS代碼，每種方式的細節略有不同，可以根據實際需求選擇。需要注意的是，為了實現呼吸燈效果，關鍵幀動畫的時間長度應該與速度、變化頻率進行適當調整，才能達到理想的效果。