CSS3可以制作出一些非常炫酷的特效，其中之一就是呼吸燈效果。使用CSS3制作呼吸燈效果，不需要使用JavaScript，而且效果非常好。下面我們就來簡單介紹一下如何制作CSS3呼吸燈效果。

.breathe {
animation: breathe 2s infinite ease-in-out;
}
@keyframes breathe {
0% { opacity: 0.3; }
50% { opacity: 1; }
100% { opacity: 0.3; }
}

　　接下來，我們簡單解釋下代碼。首先，我們為需要添加呼吸燈效果的元素添加了一個名為.breathe的CSS類。接著，在CSS樣式表中，我們定義了一個名為breathe的動畫，其執行時間為2秒，無限循環，效果為由0.3逐漸變為1，再逐漸變為0.3。最后，我們將這個動畫應用在了.breathe類上。這樣，我們就完成了CSS3呼吸燈效果的制作。

　　以上就是CSS3呼吸燈效果的制作方法。制作呼吸燈效果的關鍵是使用CSS3的animation屬性和@keyframes標簽定義動畫。我們希望以上內容對各位對CSS3呼吸燈效果感興趣的讀者們有所幫助。