2023-01-16 14:34:15 +00:00
|
|
|
import { createAnimations as createAnimationsCSS } from '@tamagui/animations-css'
|
2023-01-09 21:14:58 +00:00
|
|
|
import { createAnimations } from '@tamagui/animations-react-native'
|
|
|
|
|
|
|
|
export const animations = createAnimations({
|
|
|
|
bouncy: {
|
|
|
|
type: 'spring',
|
|
|
|
damping: 10,
|
|
|
|
mass: 0.9,
|
|
|
|
stiffness: 100,
|
|
|
|
},
|
|
|
|
lazy: {
|
|
|
|
type: 'spring',
|
|
|
|
damping: 20,
|
|
|
|
stiffness: 60,
|
|
|
|
},
|
|
|
|
quick: {
|
|
|
|
type: 'spring',
|
|
|
|
damping: 20,
|
|
|
|
mass: 1.2,
|
|
|
|
stiffness: 250,
|
|
|
|
},
|
|
|
|
})
|
2023-01-16 14:34:15 +00:00
|
|
|
|
|
|
|
export const animationsCSS = createAnimationsCSS({
|
|
|
|
fast: 'ease-in 150ms',
|
|
|
|
medium: 'ease-in 300ms',
|
|
|
|
slow: 'ease-in 450ms',
|
|
|
|
})
|