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.zjnav.cc/wp-content/uploads/2022/08/1660466052-ico.png" height="90" width="90"> </div>
© 版权声明
文章版权归作者所有,未经允许请勿转载。
相关文章
暂无评论...