关键帧上的CSS文本阴影继承颜色

我需要将class.shglow应用到几个带有彩色阴影的文本，以便它可以发光。我尝试了使用颜色属性“初始”或根本不使用颜色的关键帧。如何使这只与css一起工作

<div class="sh_3 shglow">Glow this red shadow</div>
<div class="sh_4 shglow">Glow this blue shadow</div>

.sh_3{text-shadow:1px 1px 1px red}
.sh_4{text-shadow:1px 1px 1px blue}
.shglow{animation:shglow .5s infinite alternate;}

@keyframes shglow
{
    0% {text-shadow:0 0 3px inherit;}
    50% {text-shadow:0 0 13px inherit;}
    100% {text-shadow:0 0 23px inherit;}
}

---

您可以使用CSS变量执行此操作：

.sh_3{ -c:红色； 文本阴影：1px 1px 1px var-c； } .sh_4{ -c:蓝色； 文本阴影：1px 1px 1px var-c； } Shlow先生{ 动画：shglow.5s无限交替； } @关键帧shglow{ 0% { 文本阴影：0 0 3px var-c，黄色； } 50% { 文本阴影：0 0 13px var-c，黄色； } 100% { 文本阴影：0 0 23px var-c，黄色； } } 照亮这个红色的影子 照亮这蓝色的影子

---

默认的oneNo可以不修改HTML或使用JavaScript。@BoltClock是的，我们可以使用CSS:@Temani Afif:噢，对了，变量。