mirror of
https://github.com/Snigdha-OS/snigdhaos-web-dev.git
synced 2025-09-07 13:25:12 +02:00
🧹 chore(_sticky): header ui*
This commit is contained in:
@@ -6,3 +6,36 @@ export default {
|
||||
},
|
||||
plugins: [],
|
||||
};
|
||||
|
||||
module.exports = {
|
||||
theme: {
|
||||
extend: {
|
||||
animation: {
|
||||
'fade-in-up': 'fadeInUp 0.5s ease-out',
|
||||
'fade-in-down': 'fadeInDown 0.5s ease-out',
|
||||
'fade-out-up': 'fadeOutUp 0.5s ease-in',
|
||||
'spin': 'spin 0.5s linear',
|
||||
'spin-reverse': 'spinReverse 0.5s linear',
|
||||
},
|
||||
keyframes: {
|
||||
fadeInUp: {
|
||||
'0%': { opacity: 0, transform: 'translateY(20px)' },
|
||||
'100%': { opacity: 1, transform: 'translateY(0)' },
|
||||
},
|
||||
fadeInDown: {
|
||||
'0%': { opacity: 0, transform: 'translateY(-20px)' },
|
||||
'100%': { opacity: 1, transform: 'translateY(0)' },
|
||||
},
|
||||
fadeOutUp: {
|
||||
'0%': { opacity: 1, transform: 'translateY(0)' },
|
||||
'100%': { opacity: 0, transform: 'translateY(-20px)' },
|
||||
},
|
||||
spinReverse: {
|
||||
'0%': { transform: 'rotate(0deg)' },
|
||||
'100%': { transform: 'rotate(-360deg)' },
|
||||
},
|
||||
},
|
||||
},
|
||||
},
|
||||
plugins: [],
|
||||
};
|
||||
|
Reference in New Issue
Block a user