外面和下面的侧面菜单或从底部(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'))
])
],
答案 0 :(得分: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)