子比主题美化：给用户昵称添加抖音故障风格动效

为子比（Zibll）主题的用户昵称添加抖音故障风格动效后，昵称会呈现红蓝色偏移阴影，配合不规则的抖动动画，模拟电子屏幕故障的视觉效果，让网站昵称展示更具个性和视觉冲击力。

效果预览

适用场景

子比主题的用户昵称展示区域（作者信息栏、会员列表、个人主页等）。

代码部署

步骤 1：找到子比主题自定义 CSS 入口

1. 登录你的 WordPress 后台；
2. 点击左侧菜单栏「子比主题设置」→「全局功能」→「自定义代码」；
3. 在自定义代码面板中找到「自定义 CSS样式编辑框」 ，粘贴代码

步骤 2：添加故障风格 CSS 代码

将以下完整代码粘贴到自定义 CSS 编辑框中：

步骤 3：保存并生效

1. 粘贴代码后，点击「保存」按钮；
2. 刷新你的网站前台页面，即可看到用户昵称的故障风格动效。

关键说明

1. 效果调整：
   • 若觉得抖动太快 / 太慢：修改animation中的0.5s（数值越大越慢，如1s；越小越快，如0.3s）；
   • 若觉得颜色太淡 / 太浓：调整rgba中的最后一位数值（.5为透明度，范围 0-1，如.8更浓，.3更淡）；
   • 若不想反向动画：将reverse改为alternate，实现 “往返抖动”；
2. 性能优化：动画仅作用于昵称文字，不会影响网站加载速度，移动端已做幅度优化，避免视觉疲劳。