:欢迎进入 Jayson博客 你的加入就是我前进的动力!!!

Joe主题头像添加呼吸灯

Jayson
2021-09-11 / 0 评论 / 25 阅读 / 正在检测是否收录...
温馨提示:
本文最后更新于2021年10月04日,已超过57天没有更新,若内容或图片失效,请留言反馈。

kubnsxv3.png

在全局css里面添加进去

/*头像呼吸光环和鼠标悬停旋转放大*/
.avatar {
 border-radius: 50%;
 animation: light 4s ease-in-out infinite;
 transition: 0.5s;
}
.avatar:hover {
transform: scale(1.15) rotate(720deg);
}
@keyframes light {
 0%{box-shadow: 0 0 4px #f00;}
 25%{box-shadow: 0 0 16px #0f0;} 
 50%{box-shadow: 0 0 4px #00f;}
 75%{box-shadow: 0 0 16px #0f0;} 
 100%{box-shadow: 0 0 4px #f00;}
}
0

评论 (0)

取消