求教css3 animation问题

Question

DOM结构

`    <div class="wrap">
        <div class="content"></div>
    </div>`

CSS样式及动画

.wrap{    position: relative;    width: 100px;    height: 400px;    background: blue;

}.content{    position: absolute;    width: 90px;    height: 200px;    background: red;    top: 0px;          -moz-animation:toTop 2s;                      -webkit-animation:toTop 2s;                      -o-animation:toTop 2s;
}
    @keyframes toTop{
         0%{top:0px;},
         100%{top: 87px}
      }

为什么动画不运行？什么原因造成的啊

Answer 1

@keyframes toTop{      0%{top:0px;}      100%{top: 87px} }关键帧之间不用逗号