子比主题美化教程：头像添加呼吸光环 + 鼠标悬停旋转放大效果

想让你的子比主题（Zibll）网站用户头像更具动感与科技感？好软猫带来一套炫酷又轻量的美化方案——为头像添加呼吸光环动画，并在鼠标悬停时实现 平滑旋转与放大效果。全程仅需 CSS 代码，无需 JavaScript 或修改主题文件。将代码粘贴至「主题设置 → 自定义 CSS」即可一键启用，兼容移动端，提升用户视觉体验的同时保持高性能。

效果演示

头像添加呼吸光环 CSS 代码

/*头像呼吸光环和鼠标悬停旋转放大 _ 好软猫[www.haoruanmao.com]*/
.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;}}
/*头像呼吸光环和鼠标悬停旋转放大 _ 好软猫[www.haoruanmao.com]*/