带有波动阴影的动画阴影效果
带有波动阴影的动画阴影效果
提问于 2017-07-02 16:37:44
如何创建连续变化的文本阴影，在用户端自动波动，如CSS效果，即连续变化的阴影宽度的动画文本。
我知道如何添加CSS阴影，但如何使它波动？
#shadow {
text-shadow: 4px 4px 4px #aaa;
}<div id=shadow>shadow effect how to fluctuate it</div>
回答 2
Stack Overflow用户
回答已采纳
发布于 2017-07-02 16:55:19
不清楚你所说的波动是什么意思，但是如果你想改变你的text-shadow的模糊半径，你可以在这里使用animation .
我正在使用@keyframes和动画的X Y和模糊不清的text-shadow。如果您需要，您可以动画一个特定的轴或模糊半径，只有改变值8px的其他东西。
#shadow {
text-shadow: 4px 4px 4px #aaa;
animation: animate-shadow 1s ease-in infinite;
}
@keyframes animate-shadow {
50% {
text-shadow: 8px 8px 8px #aaa;
}
}<div id=shadow>shadow effect how to fluctuate it</div>
Stack Overflow用户
发布于 2020-12-02 10:55:40
使用关键帧并模糊文本阴影。
#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>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/44873005
复制相关文章
相似问题
腾讯云开发者
