css3旋转效果为什么火狐下没反应呢，

Question

这是慕课视频网址，http://www.imooc.com/learn/243，我根据里面的写哒
这是html
<li>
<a href="">
<i class="icon icon-spinner spinner"></i>
</a>
</li>
这是css
@keyframes spinner
{
    0% {
        transform:rotate(0deg);
        }
    100% {
        transform:rotate(359deg);
        }
}
@-moz-keyframes spinner
{
    from{
        -moz-transform:rotate(0deg);
        }
    to{
        -moz-transform:rotate(359deg);
        }
}
@-webkit-keyframes spinner
{
    0% {
        -webkit-transform:rotate(0deg);
        }
        
    100% {
        -webkit-transform:rotate(359deg);
        }
}
@-o-keyframes spinner
{
    0% {
        -o-transform:rotate(0deg);
        }
    100% {
        -o-transform:rotate(359deg);
        }
}
}