wordperss-OneNav主题给作者头像加入呼吸灯
最后更新于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>
相关文章
暂无评论...