pages-cook/src/Transform/animation/preset/flip.ts

web-portals

import { TransformAnimateEvent } from '../../../types'

export default (e: TransformAnimateEvent) => {
  e.in.duration(0).ease('ease-out-expo').perspective(1000).to(0, 0, 0).opacity(0).rotate3d(0, 1, 0, 90 * e.direction).scale(.92).end(() => {
    e.out.duration(400).ease('ease-out-expo').perspective(1000).rotate3d(0, 1, 0, -90 * e.direction).scale(.92).end(() => {
      e.out.duration(0).opacity(0).end()
      e.in.duration(0).to(0, 0, 0).opacity(1).rotate3d(0, 1, 0, 90 * e.direction).scale(1).end(() => {
        e.in.duration(400).rotate3d(0, 1, 0, 0).end(() => {
          e.callback(false)
        })
      })
    })
  })
}