Как сделать мерцание иконок font-awesome?

Question

[Дмитрий Васечка]

Доброго времени суток!
Не могу понять, как на сайте www.mettle-led.ru реализовали такое мерцание значков font-awesome в мобильной версии в фиксированной шапке, а так же, можно ли таким же способом реализовать "мерцание" картинки?

Answer 1

[Антон]

.menu > div > a
animation-name: blink;

Ищем название в style.css

@keyframes blink {
0% {
    color: #fff;
}
40% {
    color: #fff;
}
50% {
    color: #c3263b;
}
60% {
    color: #fff;
}
100% {
    color: #fff;
}
}

Comments

[Дмитрий Васечка]

т.е. создаем класс, в котором прописываем css

animation-name: blink;

, потом прописываем для blink условия и затем через setInterval запускаем его через нужные промежутки времени?

[Антон]

https://jsfiddle.net/32mqqewc/

animation-delay

[Дмитрий Васечка]

Антон, окей, спасибо!
только у меня почему-то они все вместе мерцают, даже несмотря на то, что я им animation-delay прописал

[Антон]

Дмитрий Васечка, nth выставьте свои

[Дмитрий Васечка]

Антон, да я уже разобрался, nth не тем элементам поставил случайно