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)'
|
||
|
}
|
||
|
}
|
||
|
}
|