在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属性设置过渡动画效果，在使用js设置元素top（eleme...
（一）transition-duration属性主要用来设置一个属性过渡到另一个属性所需的时间，也就是从旧属性过渡...
一、获取css属性 二、设置单个css属性 三、设置多个csss属性
1基础-淡入淡出 CSS部分最基本的用法 可以自定义离开动画。 样式上：transition-duration属性...
获取设置节点的属性 each() 常用的属性 css属性的设置与获取 常用的CSS相关的属性 常用的CSS相关的属性
1.css与animate里面的括号问题： 1）css 设置多个属性值$(selector).css({prope...
PopupWindow 的 外部点击不隐藏 设置无效问题 涉及属性： 设置点击外部不隐藏通过setOutsideT...
CSS背景属性 CSS背景属性用于设置HTML元素的背景（填充），复合属性 background 可以用来设置背景...
transitiontransition-property 过渡属性transition-duration 过渡持...
1，CSS设置字体名称属性(font-family): 示例： 2，CSS设置字体大小属性(font-size):...
本文标题：CSS 设置transition-duration属性无效问题
本文链接：https://www.haomeiwen.com/subject/jnbldctx.html
网友评论