FAT: demonstation v1 !

tailwind.config.js

@@ -16,15 +16,30 @@ module.exports = {
 					'0%': { opacity: '1' },
 					'100%': { opacity: '0' },
 				},
-				popin: {
-					'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)',
+
 			},
     },
   },