notid/integreat
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

animates with shake

Browse Source
This commit is contained in:
Bryce
2023-10-21 20:08:08 -07:00
parent 34f4a12b2e
commit 998d29690e
4 changed files with 178 additions and 181 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
tailwind.config.js
View File

@@ -5,6 +5,22 @@ module.exports = {
"./node_modules/flowbite/**/*.js"],
theme: {
extend: {
"keyframes": {
shake: {
'0%': { transform: 'translateX(0px)' },
'12.5%': { transform: 'translateX(-5px)' },
'25%': { transform: 'translateX(0px)' },
'37.5%': { transform: 'translateX(5px)' },
'50%': { transform: 'translateX(0px)' },
'62.5%': { transform: 'translateX(-5px)' },
'75%': { transform: 'translateX(5px)' },
'87.5%': { transform: 'translateX(5px)' },
'100%': { transform: 'translateX(0px)' },
},
},
animation: {
'shake': 'shake 0.5s ease-out 1',
},
"fontFamily": {
"sans": ["Calibri", "ui-sans-serif", "system-ui", "-apple-system", "BlinkMacSystemFont", "Segoe UI", "Roboto", "Helvetica Neue", "Arial", "Noto Sans", "sans-serif", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"]