Angular 2 animation easing functions not working

Ionic Framework ionic-v3
1

I have tried and tried a few different ways, but I cannot get any type of easing function to work. Even if it’s a supported function or cubic-bezier.

 @Component({
  templateUrl: 'build/pages/home/home.html',
  providers: [BLEProvider],
  animations: [
    trigger('pickSpeedState', [
        transition('void => *', [
            animate("0.5s 0.25s cubic-bezier(.175, .885, .32, 1.275)", style({ opacity: 1, transform: 'translateY(-100px)' }))
        ]),
        transition('* => void', [
            animate('0.25s ease-in-out', style({transform: 'translateY(100px)', opacity: 0}))
      ])
    ])
  ]
})
1 Like