WordPress子比主题头像呼吸光环特效教程

为子比（Zibll）主题头像添加酷炫的霓虹呼吸光环特效，鼠标悬停时还会旋转放大，让网站头像更加生动有趣！

效果展示

特效特点：

• 霓虹三色循环呼吸光环
• 悬停1080度旋转放大
• 平滑过渡动画
• 完全响应式设计

安装教程

1. 登录 WP 后台 → 主题设置 → 全局功能 →自定义代码 → 自定义CSS样式;
2. 复制以下完整 CSS 代码，粘贴到 CSS 编辑框中;

效果自定义

1. 调整动画速度

/* 更快：2秒循环 */
animation: neonBreath 2s infinite;

/* 更慢：6秒循环 */
animation: neonBreath 6s infinite;

2.修改悬停效果

/* 只缩放不旋转 */
.avatar:hover {
    transform: scale(1.25);
}

/* 减少旋转度数 */
.avatar:hover {
    transform: scale(1.2) rotate(360deg);
}

3. 更改呼吸颜色

/* 粉色主题 */
@keyframes neonBreath {
    0%, 100% { box-shadow: 0 0 15px #FF6B9D; }
    50% { box-shadow: 0 0 30px #FF6B9D; }
}

/* 蓝色主题 */
@keyframes neonBreath {
    0%, 100% { box-shadow: 0 0 15px #3B82F6; }
    50% { box-shadow: 0 0 30px #3B82F6; }
}

🎉 立即安装体验，让你的子比主题头像焕然一新！