diff options
Diffstat (limited to 'tailwind.config.ts')
| -rw-r--r-- | tailwind.config.ts | 80 |
1 files changed, 80 insertions, 0 deletions
diff --git a/tailwind.config.ts b/tailwind.config.ts index 025a42f..ce7e9c8 100644 --- a/tailwind.config.ts +++ b/tailwind.config.ts @@ -64,6 +64,86 @@ const config: Config = { rocksalt: ['var(--font-rocksalt)'], jetbrains: ['var(--font-jetbrains)'], }, + keyframes: { + slideInTop: { + 'from': { transform: 'translateY(-300px)' }, + 'to': { transform: 'translateY(0)' } + }, + bounce: { + '0%, 20%, 50%, 80%, 100%': { transform: 'translateY(0px)' }, + '40%': { transform: 'translateY(30px)' }, + '80%': { transform: 'translateY(-15px)' } + }, + zoomIn: { + '0%': { scale: '0.01' }, + '65%': { scale: '1.05' }, + '100%': { scale: '1', position: 'relative' } + }, + zoomOut: { + 'from': { transform: 'scale(1)' }, + 'to': { transform: 'scale(0.01)' } + }, + fadeZoomIn: { + 'from': { opacity: '0.35', scale: '1.15' }, + 'to': { opacity: '1', scale: '1' } + }, + reveal: { + 'from': { + filter: 'blur(32px)', + backdropFilter: 'blur(32px)', + transform: 'scale(2)' + } + }, + shake: { + '0%': { transform: 'rotate(0deg)' }, + '25%': { transform: 'rotate(.5deg)' }, + '50%': { transform: 'rotate(0deg)' }, + '75%': { transform: 'rotate(-.5deg)' }, + '100%': { transform: 'rotate(0deg)' } + }, + backgroundPan: { + 'from': { backgroundPosition: '0% center' }, + 'to': { backgroundPosition: '-200% center' } + }, + fadeIn: { + 'from': { scale: '0.8', opacity: '0' }, + 'to': { opacity: '1', scale: '1' } + }, + fadeOut: { + 'from': {}, + 'to': { opacity: '0', scale: '0.8' } + }, + scroll: { + 'from': { opacity: '0.8', scale: '0.75' }, + 'to': { opacity: '1', scale: '1' } + }, + rotate: { + 'from': { rotate: '0deg' }, + '50%': { scale: '1 1.25' }, + 'to': { rotate: '360deg' } + }, + minimize: { + 'from': { scale: '1', opacity: '1' }, + 'to': { scale: '0', opacity: '0' } + } + }, + animation: { + slideInTop: 'slideInTop 1s ease-out', + bounce: 'bounce 1s ease-out', + ZoomIn: 'zoomIn 1s ease-out', + ZoomInFast: 'zoomIn 300ms ease-out', + ZoomOut: 'zoomOut 1s ease-out', + fadeZoomIn: 'fadeZoomIn 1s ease-out', + reveal: 'reveal 500ms ease-out forwards', + revealFast: 'reveal 300ms ease-out forwards', + shake: 'shake 1s ease-out', + backgroundPan: 'backgroundPan 1s linear infinite', + fadeIn: 'fadeIn 1s ease-out', + fadeOut: 'fadeOut 1s ease-out', + scroll: 'scroll 1s ease-out', + rotate: 'rotate 1s linear infinite', + minimize: 'minimize 1s ease-out' + } } }, plugins: [require("tailwindcss-animate")], |