小爱Blog - 生活感叹

给头像添加呼吸光坏

Azhao
2021-06-20 / 0 评论 / 150 阅读 / 正在检测是否收录...
温馨提示:
本文最后更新于2022年01月20日,已超过322天没有更新,若内容或图片失效,请留言反馈。

效果图

https://tu.888mz.cn/bk/hlwaq/IMG_20210620_043928.jpg

代码

放在自定义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;}}
本文共 27 个字数,平均阅读时长 ≈ 1分钟
1

打赏

海报

正在生成.....

评论 (0)

取消