Joe主题头像加呼吸灯

Demon
2021-07-02 / 2 评论 / 29 阅读 / 正在检测是否收录...
温馨提示:
本文最后更新于2021年07月02日,已超过151天没有更新,若内容或图片失效,请留言反馈。

在全局设置中的自定义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;}
}
本文共 32 个字数,平均阅读时长 ≈ 1分钟
3

打赏

海报

正在生成.....

评论 (2)

取消
  1. 头像
    Demon Lv.3 作者
    Windows 10 · QQ Browser
    沙发

    表情

    回复
  2. 头像
    家眷 Lv.1
    Windows 10 · Google Chrome
    板凳

    你好 我想请问应该全局设置在哪里 我这里好像找到

    回复
召唤看板娘