文章/答案/技术大牛

发布

社区首页 >问答首页 >Sidemenu & Modals的动画比自己的动画更快

问Sidemenu & Modals的动画比自己的动画更快
EN

Stack Overflow用户

提问于 2016-07-24 01:15:12

回答 1查看 145关注 0票数 6

向外和向内滑动的菜单或从底部向上滑动的模式框(Ionic2模式)的动画非常快速和流畅。

现在，我为浮动动作按钮定义了自己的动画。这个动画比离子动画慢得多。有什么关系？

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

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'))
    ])
  ],

ionic-framework

ionic2

angular

回答 1

Stack Overflow用户

发布于 2016-08-11 09:29:29

@rakete:我认为ionic使用不同的立方bezier来控制模式动画的速度。你能试试下面这些吗？

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)

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/38544478

复制

相似问题

问Sidemenu & Modals的动画比自己的动画更快
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Sidemenu & Modals的动画比自己的动画更快EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Sidemenu & Modals的动画比自己的动画更快
EN