Css 具有波动阴影的动画阴影效果

如何创建在用户端自动波动的连续变化的文本阴影，如CSS效果，即具有连续变化阴影宽度的动画文本

我知道如何添加CSS阴影，但如何使其波动

#阴影{
文本阴影：4px4px4px#aaa；
}

---

阴影效果如何使其波动

不确定此处波动的确切含义，但如果要更改

文本阴影的模糊半径

，可以在此处使用

动画

我正在使用

@关键帧

并设置

X

Y

的动画和

文本阴影的模糊

。如果需要，可以仅通过将值

8px

更改为其他值来设置特定轴或模糊半径的动画

#阴影{
文本阴影：4px4px4px#aaa；
动画：在无限空间中设置阴影1的动画；
}
@关键帧为阴影设置动画{
50% {
文本阴影：8px 8px 8px#aaa；
}
}

---

阴影效果如何使其波动

使用关键帧并模糊文本阴影

#shadow {
  text-shadow: 4px 4px 4px #aaa;
  animation: mymove 5s infinite;
}
@keyframes mymove {
  50% {text-shadow: 10px 20px 30px #aaa;}
}

<div id=shadow>shadow effect how to fluctuate it</div>

#阴影{
文本阴影：4px4px4px#aaa；
动画：mymove 5s无限；
}
@关键帧mymove{
50%{文本阴影：10px 20px 30px#aaa；}
}
阴影效果如何波动呢

您能提供一个您想要的效果示例吗？很难从你的描述中分辨出来。图像或动画gif即可，或者链接到某个示例网站。你说的波动是什么意思？我说的波动是指阴影的宽度不断变化，先增大后减小@Mr.Aliensir我找不到示例，但我正在尝试创建一个动画文本，其阴影不断变化@RacilHilansir我正在尝试这样做only@AnuragBatra 很好：）您也可以更改

颜色

或类似的内容，只需继续向

@关键帧添加属性