Add tailwind animation for examples

timolins · May 16, 2021 · cfbf32a · cfbf32a
1 parent 03d75e9
commit cfbf32a
Showing 1 changed file with 5 additions and 0 deletions.
diff --git a/site/tailwind.config.js b/site/tailwind.config.js
@@ -18,12 +18,17 @@ module.exports = {
       animation: {
         enter: 'enter 200ms ease-out',
         'slide-in': 'slide-in 1.2s cubic-bezier(.41,.73,.51,1.02)',
+        leave: 'leave 150ms ease-in forwards',
       },
       keyframes: {
         enter: {
           '0%': { transform: 'scale(0.9)', opacity: 0 },
           '100%': { transform: 'scale(1)', opacity: 1 },
         },
+        leave: {
+          '0%': { transform: 'scale(1)', opacity: 1 },
+          '100%': { transform: 'scale(0.9)', opacity: 0 },
+        },
         'slide-in': {
           '0%': { transform: 'translateY(-100%)' },
           '100%': { transform: 'translateY(0)' },