Текст мигает от одного цвета к другому CSS или JQuery

Question

Я хотел бы мигать текст двумя разными цветами:

Например: мигающий текст белый-зеленый-белый-зеленый-бело-зеленый

Я не против, если JQuery или CSS.

Answer 1

Вопреки моему лучшему мнению LOL... Вам нужно будет настроить совместимость браузера с webkit и т. Д.

ИЗМЕНЕНО ДЛЯ РАБОТЫ СО ВСЕМИ БРАУЗЕРАМИ

 <a href="#"> text</a>


 /* css */

 a {
   animation-duration: 400ms;
   animation-name: blink;
   animation-iteration-count: infinite;
   animation-direction: alternate;
}
@keyframes blink {
   from {
      opacity: 1;
   }
   to {
      opacity: 0;
   }
 }

DEMO

Answer 2

http://jsfiddle.net/8Xhzt/12/

нет поддержки IE 9: анимация-число итераций
Обратите внимание, что для поддержки неподдерживаемых текущих браузеров вы можете использовать Modernizr: см. Как нормализовать функции перехода CSS3 в разных браузерах? CSS3 animation-fill-mode polyfill

@-webkit-keyframes blink {
   from { color: green; }
   to { color: white; }
  }
 @-moz-keyframes blink {
   from { color: green; }
   to { color: white; }
 }
 @-ms-keyframes blink {
   from { color: green; }
   to { color: white; }
 }
 @-o-keyframes blink {
   from { color: green; }
   to { color: white; }
 }
 @keyframes blink {
   from { color: green; }
   to { color: white; }
 }

 .blink {
    color: green;
    -webkit-animation: blink 2s 3 alternate;
    -moz-animation: blink 2s 3 alternate;  
    -ms-animation: blink 2s 3 alternate;  
    -o-animation: blink 2s 3 alternate;  
    animation: blink 2s 3 alternate;   
 }