176 lines
2.6 KiB
JavaScript
176 lines
2.6 KiB
JavaScript
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)'
|
|
}
|
|
}
|
|
} |