CSS实现文字呼吸灯效果

通过添加另一个关键帧动画来变化文字颜色以实现呼吸灯效果。以下是一个示例代码，其中文字在呼吸的同时也会变换颜色：

html部分：

<h1>Breathing Text Effect</h1>

CSS部分：(自己设置需要的颜色)

@keyframes breathing-text {
    0% { font-size: 20px; color: #ff0000; }
    50% { font-size: 25px; color: #00ff00; }
    100% { font-size: 20px; color: #0000ff; }
}


h1 {
    font-family: Arial, sans-serif;
	animation: breathing-text 3s infinite;
}