animation @keyframes 不生效

.kv .content .play{
    display: block;
    width: 89px;
    height: 89px;
    position: absolute;
    left: 50%;
    top: 98px;
    margin-left: 128px;
    background: url(../images/videoPlay1.png) no-repeat;
    animation: bigger 2s linear infinite;
    -webkit-animation: bigger 2s linear infinite;
}
@keyframes bigger{
    0%{ transform:scale(1) ; -webkit-transform:scale(1) ; -moz-transform:scale(1) ; -ms-transform:scale(1) ; -o-transform:scale(1) ; }
    50%{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }
    100%{ transform:scale(1) ; -webkit-transform:scale(1) ; -moz-transform:scale(1) ; -ms-transform:scale(1) ; -o-transform:scale(1) ; }
}

检查代码并没有问题@keyframes 大括号内 大括号后加了分号 

不生效 

记住不能加分号