角度 – Sidemenu和Modals的动画比自己的动画更快

从底部(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'))
    ])
  ],

解决方法

@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,1)