diff --git a/src/index.ts b/src/index.ts
index 28ad754..9fda1ce 100644
--- a/src/index.ts
+++ b/src/index.ts
@@ -2,6 +2,8 @@ import type { Theme } from '@unocss/preset-mini'
 import { definePreset } from 'unocss'
 
 export const presetMagicss = definePreset<Theme>(() => {
+  const property = { 'animation-fill-mode': 'both' }
+
   return {
     name: 'unocss-preset-magicss',
     theme: {
@@ -73,6 +75,73 @@ export const presetMagicss = definePreset<Theme>(() => {
           'tin-up-in': '{0%{opacity:0;-webkit-transform:scale(1,1)translateY(-900%);transform:scale(1,1)translateY(-900%);}50%,70%,90%{opacity:1;-webkit-transform:scale(1.1,1.1)translateY(0);transform:scale(1.1,1.1)translateY(0);}60%,80%,100%{opacity:1;-webkit-transform:scale(1,1)translateY(0);transform:scale(1,1)translateY(0);}}',
           'tin-up-out': '{0%,20%,40%,50%{opacity:1;-webkit-transform:scale(1,1)translateY(0);transform:scale(1,1)translateY(0);}10%,30%{opacity:1;-webkit-transform:scale(1.1,1.1)translateY(0);transform:scale(1.1,1.1)translateY(0);}100%{opacity:0;-webkit-transform:scale(1,1)translateY(-900%);transform:scale(1,1)translateY(-900%);}}',
         },
+        properties: {
+          'puff-in': property,
+          'puff-out': property,
+          'vanish-in': property,
+          'vanish-out': property,
+          'boing-in-up': property,
+          'boing-out-down': property,
+          'bomb-left-out': property,
+          'bomb-right-out': property,
+          'magic': property,
+          'swap': property,
+          'twister-in-down': property,
+          'twister-in-up': property,
+          'foolish-in': property,
+          'foolish-out': property,
+          'hole-out': property,
+          'swash-in': property,
+          'swash-out': property,
+          'space-in-down': property,
+          'space-in-left': property,
+          'space-in-right': property,
+          'space-in-up': property,
+          'space-out-down': property,
+          'space-out-left': property,
+          'space-out-right': property,
+          'space-out-up': property,
+          'perspective-down': property,
+          'perspective-down-return': property,
+          'perspective-left': property,
+          'perspective-left-return': property,
+          'perspective-right': property,
+          'perspective-right-return': property,
+          'perspective-up': property,
+          'perspective-up-return': property,
+          'rotate-down': property,
+          'rotate-left': property,
+          'rotate-right': property,
+          'rotate-up': property,
+          'slide-down': property,
+          'slide-down-return': property,
+          'slide-left': property,
+          'slide-left-return': property,
+          'slide-right': property,
+          'slide-right-return': property,
+          'slide-up': property,
+          'slide-up-return': property,
+          'open-down-left': property,
+          'open-down-left-return': property,
+          'open-down-right': property,
+          'open-down-right-return': property,
+          'open-up-left': property,
+          'open-up-left-return': property,
+          'open-up-right': property,
+          'open-up-right-return': property,
+          'open-down-left-out': property,
+          'open-down-right-out': property,
+          'open-up-left-out': property,
+          'open-up-right-out': property,
+          'tin-down-in': property,
+          'tin-down-out': property,
+          'tin-left-in': property,
+          'tin-left-out': property,
+          'tin-right-in': property,
+          'tin-right-out': property,
+          'tin-up-in': property,
+          'tin-up-out': property,
+        },
         category: {
           'puff-in': 'Bling',
           'puff-out': 'Bling',