Javascript 文本闪烁效果无法正常工作如何修复此问题

我想在给定的文本上添加一个光泽效果，因此我有以下内容：

const preparecoption=document.querySelector.preparecoption； 功能发光{ prepareCoption.classList.removeshine； setTimeout=>PrepareCoption.classList.addshine，10； } 功能表演{ prepareCoption.style.top='5vh'； prepareCoption.style.opacity='1'； } setTimeout=>show，2500； setTimeout=>Shine，10000； .预吸{ 位置：相对位置； 字号：3em； 过滤器：drop-shadow0px 0px 5px 100021 drop-shadow1px.1em 1px 0d021a； 文本对齐：居中； 宽度：100%； 颜色：f50035； 保证金：0自动； 不透明度：0； 顶部：-2.5vh； 过渡：顶部0.3s缓进缓出，不透明度0.3s缓进缓出； } .发光{ 背景图像：线性梯度-40度，透明0%，透明40%，fff 50%，透明60%，透明100%； 背景位置：-100%，0%； 背景重复：不重复，重复； 背景尺寸：10em，自动； -webkit文本填充颜色：透明； -webkit背景剪辑：文本； 动画：shine 2缓进缓出1； } @-webkit关键帧发光{ 从{背景位置：-100%，0%；} 到{背景位置：200%，0%；} }

这应该是最棒的

---

您只需要添加与文本颜色相同的光泽背景色

const preparecoption=document.querySelector.preparecoption； 功能发光{ prepareCoption.classList.removeshine； setTimeout=>PrepareCoption.classList.addshine，10； } 功能表演{ prepareCoption.style.top='5vh'； prepareCoption.style.opacity='1'； } setTimeout=>show，2500； setTimeout=>Shine，10000； .预吸{ 位置：相对位置； 字号：3em； 过滤器：drop-shadow0px 0px 5px 100021 drop-shadow1px.1em 1px 0d021a； 文本对齐：居中； 宽度：100%； 颜色：f50035； 保证金：0自动； 不透明度：0； 顶部：-2.5vh； 过渡：顶部0.3s缓进缓出，不透明度0.3s缓进缓出； } .发光{ /*currentColor=颜色属性*/ 背景色：当前颜色； 背景图像：线性梯度-40度，透明0%，透明40%，fff 50%，透明60%，透明100%； 背景位置：-100%0%； 背景重复：无重复； 背景大小：60%； -webkit文本填充颜色：透明； -webkit背景剪辑：文本； 动画：闪亮4s向前放松1次； } @关键帧发光{ 从{ 背景位置：-100%0%； } 到{ 背景位置：300%0%； } }

这应该是最棒的

---

您只需要添加与文本颜色相同的光泽背景色

const preparecoption=document.querySelector.preparecoption； 功能发光{ prepareCoption.classList.removeshine； setTimeout=>PrepareCoption.classList.addshine，10； } 功能表演{ prepareCoption.style.top='5vh'； prepareCoption.style.opacity='1'； } setTimeout=>show，2500； setTimeout=>Shine，10000； .预吸{ 位置：相对位置； 字号：3em； 过滤器：drop-shadow0px 0px 5px 100021 drop-shadow1px.1em 1px 0d021a； 文本对齐：居中； 宽度：100%； 颜色：f50035； 保证金：0自动； 不透明度：0； 顶部：-2.5vh； 过渡：顶部0.3s缓进缓出，不透明度0.3s缓进缓出； } .发光{ /*currentColor=颜色属性*/ 背景色：当前颜色； 背景图像：线性梯度-40度，透明0%，透明40%，fff 50%，透明60%，透明100%； 背景位置：-100%0%； 背景重复：无重复； 背景大小：60%； -webkit文本填充颜色：透明； -webkit背景剪辑：文本； 动画：闪亮4s向前放松1次； } @关键帧发光{ 从{ 背景位置：-100%0%； } 到{ 背景位置：300%0%； } }

这应该是最棒的

---

@-webkit keyframes您可能应该使用@keyframes….@epascarello谢谢您的评论，但是如何使用？@-webkit keyframes您可能应该使用@keyframes….@epascarello谢谢您的评论，但是如何使用呢？