You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
68 lines
2.6 KiB
68 lines
2.6 KiB
export default { |
|
fade: { |
|
enter: { opacity: 0 }, |
|
'enter-to': { opacity: 1 }, |
|
leave: { opacity: 1 }, |
|
'leave-to': { opacity: 0 } |
|
}, |
|
'fade-up': { |
|
enter: { opacity: 0, transform: 'translateY(100%)' }, |
|
'enter-to': { opacity: 1, transform: 'translateY(0)' }, |
|
leave: { opacity: 1, transform: 'translateY(0)' }, |
|
'leave-to': { opacity: 0, transform: 'translateY(100%)' } |
|
}, |
|
'fade-down': { |
|
enter: { opacity: 0, transform: 'translateY(-100%)' }, |
|
'enter-to': { opacity: 1, transform: 'translateY(0)' }, |
|
leave: { opacity: 1, transform: 'translateY(0)' }, |
|
'leave-to': { opacity: 0, transform: 'translateY(-100%)' } |
|
}, |
|
'fade-left': { |
|
enter: { opacity: 0, transform: 'translateX(-100%)' }, |
|
'enter-to': { opacity: 1, transform: 'translateY(0)' }, |
|
leave: { opacity: 1, transform: 'translateY(0)' }, |
|
'leave-to': { opacity: 0, transform: 'translateX(-100%)' } |
|
}, |
|
'fade-right': { |
|
enter: { opacity: 0, transform: 'translateX(100%)' }, |
|
'enter-to': { opacity: 1, transform: 'translateY(0)' }, |
|
leave: { opacity: 1, transform: 'translateY(0)' }, |
|
'leave-to': { opacity: 0, transform: 'translateX(100%)' } |
|
}, |
|
'slide-up': { |
|
enter: { transform: 'translateY(100%)' }, |
|
'enter-to': { transform: 'translateY(0)' }, |
|
leave: { transform: 'translateY(0)' }, |
|
'leave-to': { transform: 'translateY(100%)' } |
|
}, |
|
'slide-down': { |
|
enter: { transform: 'translateY(-100%)' }, |
|
'enter-to': { transform: 'translateY(0)' }, |
|
leave: { transform: 'translateY(0)' }, |
|
'leave-to': { transform: 'translateY(-100%)' } |
|
}, |
|
'slide-left': { |
|
enter: { transform: 'translateX(-100%)' }, |
|
'enter-to': { transform: 'translateY(0)' }, |
|
leave: { transform: 'translateY(0)' }, |
|
'leave-to': { transform: 'translateX(-100%)' } |
|
}, |
|
'slide-right': { |
|
enter: { transform: 'translateX(100%)' }, |
|
'enter-to': { transform: 'translateY(0)' }, |
|
leave: { transform: 'translateY(0)' }, |
|
'leave-to': { transform: 'translateX(100%)' } |
|
}, |
|
zoom: { |
|
enter: { transform: 'scale(0.95)' }, |
|
'enter-to': { transform: 'scale(1)' }, |
|
leave: { transform: 'scale(1)' }, |
|
'leave-to': { transform: 'scale(0.95)' } |
|
}, |
|
'fade-zoom': { |
|
enter: { opacity: 0, transform: 'scale(0.95)' }, |
|
'enter-to': { opacity: 1, transform: 'scale(1)' }, |
|
leave: { opacity: 1, transform: 'scale(1)' }, |
|
'leave-to': { opacity: 0, transform: 'scale(0.95)' } |
|
} |
|
}
|
|
|