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://img.kkok.cc/wp-content/uploads/2021/11/logo20211125.png" height="90" width="90"> </div>

教程 # WORDPERSS # 代码 # 技术 # 教程 # 美化

本站收集的资源仅供内部学习研究软件设计思想和原理使用，学习研究后请自觉删除，请勿传播，因未及时删除所造成的任何后果责任自负。
如果用于其他用途，请购买正版支持作者，谢谢！若您认为「KKOK.CC」发布的内容若侵犯到您的权益，请联系站长邮箱:ezuw@qq.com 进行删除处理。
本站资源大多存储在云盘，如发现链接失效，请联系我们，我们会第一时间更新。