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等,也应该设置对应属性的初始值。

你可能感兴趣的:(CSS 设置transition-duration属性无效问题)