wordperss-OneNav主题给作者头像加入呼吸灯

CSS代码如下:

@keyframes light {
0% {
box-shadow: 0 0 4px #ff1354;
}

25% {
box-shadow: 0 0 16px #1ebbff;
}

50% {
box-shadow: 0 0 4px #0ed39f;
}

75% {
box-shadow: 0 0 16px #4fe7f4;
}

100% {
box-shadow: 0 0 4px #f35444;
}
}

.flex-avatar img { 
animation: light 4s ease-in-out infinite;

}

效果如下：

<div class="flex-avatar"> <img src="https://www.idh.cc/wp-content/uploads/2021/04/pzm-261.png" height="90" width="90"> </div>