http://www.w3schools.com/cssref/css3_pr_keyframes.asp
- si miras, en tu código está solo el -webkit... lógico que funcione solo en chrome/safari. Para firefox necesitas @-moz-keyframes
- opera e IE no soportan keyframes (edito: IE lo soporta a partir de IE10, con el prefijo -ms)
- más que avanzado, es un código altamente experimental... está bien para probar, pero si quieres usarlo en una web real, yo me iría en todo caso por animaciones javascript
Por cierto, lo muevo a css, que esto es CSS3 pero no tiene nada que ver con HTML5