CSS 设置transition-duration属性无效问题

在css文件中使用transition-duration属性设置过渡动画效果，在使用js设置元素top（element.style.top=...）时发现并没有过渡效果。

经过排查后发现是因为添加该属性的元素未设置top属性值，即没有动画的初始值导致过渡动画失败。添加：

    {
      ...
      top:0px;
      transition-duration: 280ms; 
      -moz-transition-duration: 280ms; 
      -webkit-transition-duration: 280ms; 
      -o-transition-duration: 280ms;
    }

同理， 在操作其他属性的时候，如：left等，也应该设置对应属性的初始值。