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

教程 1年前 (2021) 壳壳
1,803 0 0
最后更新于2022年3月20日,已超过373天没有更新,如果内容或图片资源失效,请留言反馈,我会及时处理,谢谢!

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>
版权声明:壳壳 发表于 2021年12月23日 pm5:03。
转载请注明:wordperss-OneNav主题给作者头像加入呼吸灯 | 壳壳博客

相关文章

暂无评论

您必须登录才能参与评论!
立即登录
暂无评论...
壳壳博客一键登录开启个人书签等功能!