Мигающая тень текста CSS3

Мне было интересно, есть ли способ заставить тень текста мигать в CSS3. Может кто-нибудь мне помочь? Вот что у меня есть, и я просто хочу, чтобы тень текста мигала. Спасибо!

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

text css shadow blink
person James Manes    schedule 23.06.2013    source источник

Ответы (1)


arrow_upward
4
arrow_downward

Это должно помочь вам начать с

@-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;
}
person mohkhan    schedule 23.06.2013
comment
Потрясающе хорошо работает. Что это за длинные числа после 1? - person James Manes; 23.06.2013
comment
Это количество раз, которое должна запускаться анимация. вы можете заменить его на infinite для бесконечной анимации. - person mohkhan; 23.06.2013