Blinking text with HTML and CSS

I’m presenting a very simple way of making a text blinking using only HTML and CSS3. You can adjust the values, setting a different blinking speed and colors.

I’m using a span tag and assigning the blinking class to it.

<span class="blinking">Am I blinking?</span>

And finally the CSS code:

.blinking{
    animation:blinkingText 0.8s infinite;
}
@keyframes blinkingText{
    0%{     color: #000;    }
    49%{    color: transparent; }
    50%{    color: transparent; }
    99%{    color:transparent;  }
    100%{   color: #000;    }
}

See the live demo at JSFiffle.
Another way of doing this is changing the opacity the same way I'm changing the text color.