.glitch {
position: relative;
color: white;
font-size: 3rem;
font-weight: bold;
text-shadow: 0.05em 0 0 #ff0000, -0.03em -0.04em 0 #0000ff, 0.025em 0.04em 0 #00ff00;
animation: glitch 2s infinite;
}
@keyframes glitch {
0% { text-shadow: 0.05em 0 0 #ff0000, -0.03em -0.04em 0 #0000ff, 0.025em 0.04em 0 #00ff00; }
15% { text-shadow: 0.05em 0 0 #ff0000, -0.03em -0.04em 0 #0000ff, 0.025em 0.04em 0 #00ff00; }
16% { text-shadow: -0.05em -0.025em 0 #ff0000, 0.025em 0.035em 0 #0000ff; }
49% { text-shadow: -0.05em -0.025em 0 #ff0000, 0.025em 0.035em 0 #0000ff; }
50% { text-shadow: 0.05em 0.035em 0 #ff0000, 0.03em 0 0 #0000ff; }
99% { text-shadow: 0.05em 0.035em 0 #ff0000, 0.03em 0 0 #0000ff; }
100% { text-shadow: -0.05em 0 0 #ff0000, -0.025em -0.04em 0 #0000ff; }
}免费在线 CSS 故障文字效果生成器，创建赛博朋克风格的文字抖动和错位动画。支持自定义颜色、速度和方向，一键复制 CSS 代码到项目中使用。
可以，直接复制到你项目的样式表中即可。
支持所有 Unicode 字符，包括中文。
可以。生成的代码是标准CSS，兼容所有现代浏览器。
支持。可调整颜色、动画速度、抖动方向和强度。
可以。一键复制生成的CSS代码，直接粘贴到你的样式表中即可。
不需要。完全免费，无需注册，无使用限制。