css3 动画de问题

.cl-button:hover span{
    animation:mymove 0.35s;
    -webkit-animation:mymove 0.35s; 
    -moz-animation:mymove 0.35s; 
}

@keyframes mymove
{
    0% {transform: scale(1);}
    50% {transform: scale(0.1);}
    100%{transform: scale(1);}
}

@-moz-keyframes mymove 
{
    0% {transform: scale(1);}
    50% {transform: scale(0.1);}
    100%{transform: scale(1);}
}

@-webkit-keyframes mymove 
{
    0% {-webkit-transform: scale(1);}
    50% {-webkit-transform: scale(0.1);}
    100%{-webkit-transform: scale(1);}
}

为什么这段代码只在chrome中有效，火狐、国产的一些浏览器都没效果？