Question

外面和下面的侧面菜单或从底部（Ionic2 Modal）向上滑动的模式框的动画非常快速和平滑。

现在我为浮动动作按钮定义了自己的动画。这个动画比离子动画要慢很多。有什么区别？

为什么我的动画有点滞后？

animations: [
    trigger('heroState', [
      state('false', style({
        right: '-500px',
      })),
      state('true',   style({
        right: '0px',
      })),
      transition('false => true', animate('500ms ease-in')),
      transition('true => false', animate('500ms ease-out'))
    ])
  ],

Answer 1

@rakete：我认为离子使用不同的立方贝塞尔来控制模态动画的速度。你能在下面试试吗？

transition('false => true', animate('500ms cubic-bezier(0.65, 0.05, 0.36, 1)')

并且

transition('false => true', animate('500ms cubic-bezier(0.36, 0.66, 0.04, 1)')

了解详情：Cubic Bezier
Codepen：cubic-bezier(0.36, 0.66, 0.04, 1)

Sidemenu的动画＆amp;模态比自己的动画更快

1 个答案: