feat: update transition ease for sidebar
This commit is contained in:
parent
d46af848fd
commit
bd5941229b
1 changed files with 12 additions and 6 deletions
|
|
@ -70,24 +70,30 @@ module.exports = {
|
||||||
},
|
},
|
||||||
'slide-from-left': {
|
'slide-from-left': {
|
||||||
'0%': {
|
'0%': {
|
||||||
transform: 'translateX(-100%)'
|
transform: 'translateX(-100%)',
|
||||||
|
opacity: 0
|
||||||
},
|
},
|
||||||
'100%': {
|
'100%': {
|
||||||
transform: 'translateX(0)'
|
transform: 'translateX(0)',
|
||||||
|
opacity: 1
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
'slide-to-left': {
|
'slide-to-left': {
|
||||||
'0%': {
|
'0%': {
|
||||||
transform: 'translateX(0)'
|
transform: 'translateX(0)',
|
||||||
|
opacity: 1
|
||||||
},
|
},
|
||||||
'100%': {
|
'100%': {
|
||||||
transform: 'translateX(-100%)'
|
transform: 'translateX(-100%)',
|
||||||
|
opacity: 0
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
animation: {
|
animation: {
|
||||||
'slide-from-left': 'slide-from-left 0.2s ease-out',
|
'slide-from-left':
|
||||||
'slide-to-left': 'slide-to-left 0.2s ease-out',
|
'slide-from-left 0.4s cubic-bezier(0.82, 0.085, 0.395, 0.895)',
|
||||||
|
'slide-to-left':
|
||||||
|
'slide-to-left 0.25s cubic-bezier(0.82, 0.085, 0.395, 0.895)',
|
||||||
'accordion-down': 'accordion-down 0.2s ease-out',
|
'accordion-down': 'accordion-down 0.2s ease-out',
|
||||||
'accordion-up': 'accordion-up 0.2s ease-out'
|
'accordion-up': 'accordion-up 0.2s ease-out'
|
||||||
}
|
}
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue