CSS做呼吸燈效果可以讓網(wǎng)站更加生動(dòng)有趣，以下是實(shí)現(xiàn)呼吸燈效果的CSS樣式。

.light {
animation: breath 2s ease-in-out infinite alternate;
}
@keyframes breath {
from {
opacity: 0.2;
}
to {
opacity: 1;
transform: scale(1.2);
}
}

以上代碼中，首先給一個(gè)元素設(shè)置類名為“l(fā)ight”，然后通過CSS的動(dòng)畫特性animation來實(shí)現(xiàn)呼吸燈效果。

在@keyframes中，可以定義動(dòng)畫從起始狀態(tài)（from）到結(jié)束狀態(tài)（to）的變化效果。在本例中，起始狀態(tài)的透明度為0.2，結(jié)束狀態(tài)的透明度為1，并且同時(shí)設(shè)置了scale屬性，讓元素在一定時(shí)間內(nèi)不斷變大和變小。

通過設(shè)置infinite和alternate，可以讓動(dòng)畫無限循環(huán)且反向播放。這樣，就可以實(shí)現(xiàn)呼吸燈效果。