simplified css3 animation doesn't work

Question

Working demo http://jsfiddle.net/h668zsnL/

I had simplified the blink class to this

-webkit-transition: blink 1s ease-in-out infinite;
-moz-transition: blink 1s ease-in-out infinite;
-o-transition: blink 1s ease-in-out infinite;
-ms-transition: blink 1s ease-in-out infinite;
transition: blink 1s ease-in-out infinite;

but it doesn't work? Where did I missed?

Answer 1

you are using a transition insteed of an animation :

-webkit-animation: blink 1s ease-in-out infinite;
-moz-animation: blink 1s ease-in-out infinite;
-o-animation: blink 1s ease-in-out infinite;
-ms-animation: blink 1s ease-in-out infinite;
animation: blink 1s ease-in-out infinite;