闪烁的文本阴影CSS3

Question

我想知道是否有办法让CSS3中的文字阴影闪烁。有人能帮我吗？这是我的代码，我只想让文字阴影闪烁。谢谢！

#container .title {
    color: #ba8b00;
    padding: 25px 0 30px 0;
    width: 560px;
    font-size: 42px;
    text-shadow: 3px 3px 5px #ba8b00;
}

- James Manes

Answer 1

这应该有助于你开始

@-webkit-keyframes myfirst
{
    from {text-shadow: 3px 3px 5px #ba8b00;}
    to {text-shadow : none;}
}

@-moz-keyframes myfirst
{
    from {text-shadow: 3px 3px 5px #ba8b00;}
    to {text-shadow : none;}
}
@keyframes myfirst
{
    from {text-shadow: 3px 3px 5px #ba8b00;}
    to {text-shadow : none;}
}

#container .title {
    color: #ba8b00;
    padding: 25px 0 30px 0;
    width: 560px;
    font-size: 42px;
    text-shadow: 3px 3px 5px #ba8b00;
    -webkit-animation: myfirst 1s 98765432;
    -moz-animation: myfirst 1s 98765432;
    animation: myfirst 1s 98765432;
}

- mohkhan

---

很棒，运行良好。那些1后面的长数字是什么？ - James Manes

动画应该运行的次数。你可以用“无限”来代替它，以实现无限循环动画。 - mohkhan