48 lines
1.3 KiB
JavaScript
48 lines
1.3 KiB
JavaScript
export default {
|
|
theme: {
|
|
extend: {
|
|
keyframes: {
|
|
blink: {
|
|
'0%': { opacity: '0' },
|
|
'100%': { opacity: '100' }
|
|
},
|
|
slide: {
|
|
'0%': { transform: 'translateX(-40px)' },
|
|
'100%': { transform: 'translateX(0px)' }
|
|
},
|
|
fadin: {
|
|
'0%': { opacity: '0' },
|
|
'100%': { opacity: '1' }
|
|
},
|
|
fadeout: {
|
|
'0%': { opacity: '1' },
|
|
'100%': { opacity: '0' }
|
|
},
|
|
upApp: {
|
|
'0%': { transform: 'scale(0)' },
|
|
'90%': { transform: 'scale(1.2)' },
|
|
'100%': { transform: 'sale(1)' }
|
|
},
|
|
openApp: {
|
|
'0%': { transform: 'scale(0.8)' },
|
|
'50%': { transform: 'scale(1.2)' },
|
|
'100%': { transform: 'sale(1)' }
|
|
},
|
|
click: {
|
|
'0%': { transform: 'scale(0.5)' },
|
|
'50%': { transform: 'scale(1.5)' },
|
|
'100%': { transform: 'sale(1)' }
|
|
}
|
|
},
|
|
animation: {
|
|
blink: 'blink .6s infinite',
|
|
slide: 'slide .3s',
|
|
fadeout: 'fadeout .8s',
|
|
upApp: 'upApp .5s cubic-bezier(0, 0, 0.2, 1)',
|
|
openApp: 'openApp .3s cubic-bezier(0, 0, 0.2, 1)',
|
|
click: 'click .3s cubic-bezier(0, 0, 0.2, 1)'
|
|
}
|
|
}
|
|
}
|
|
}
|