李钊
李钊
  • 发布:2019-08-30 10:12
  • 更新:2021-03-21 15:41
  • 阅读:2182

【报Bug】weex nvue中使用css的transition-property:transform;transition-duration: 30s;没有过渡效果

分类:uni-app

我在nvue中使用
transition-property:transform;
transition-duration: 30s;
transform:translateY(100px)
中发现:
安卓机只执行了translateY(100px)的偏移
但是没有执行过渡的30秒动画效果

2019-08-30 10:12 负责人:无 分享
已邀请:
6***@qq.com

6***@qq.com

transition-duration的单位是数字,不要加s,另外单位是毫秒,和css不一样。

transition-duration:指定过渡的持续时间 (单位是毫秒),默认值是 0,表示没有动画效果。

  • zwp_jiayou

    别瞎说,可以用s做单位

    2020-11-20 11:48

8***@qq.com

8***@qq.com

但是我使用transition-property带其他属性莫得效果,只transition-property支持transform么??

StarSky

StarSky - 前端工程师

你的写法有误,正确示例:transition-property:transform;transition-duration:200ms;transition-timing-function:ease;transform:scale(1);

zwp_jiayou

zwp_jiayou

你这里的这个100px是相当于初始样式,不会有过渡效果,再元素渲染完成之后再改变这个值才会发生变化

c***@163.com

c***@163.com - 陈银炳

为什么没过渡效果

该问题目前已经被锁定, 无法添加新回复