我正在使用tailwind css，并在tailwind.config.cjs文件中添加了一些自定义动画。我在登录组件中使用了此动画。一旦用户登录，他将被重定向到主页，这意味着登录组件卸载，一旦它卸载，我需要使用useEffect手动删除应用于登录组件的动画，否则它将被自动删除。我读到您应该手动删除动画，但是我不确定。还有一个问题，当组件卸载时，它会删除所有应用于它的CSS，对吗？
如果有人能给我简要地解释一下，我将不胜感激。
这是我的tailwind.config.cjs文件的外观-

module.exports = {
  content: [
    "./index.html",
    "./src/**/*.{js,ts,jsx,tsx}",
  ],
  darkMode: "class",
  theme: {
    extend: {
      keyframes: {
        changeBgDark: {
          "0%, 100%": {  "background-image": "linear-gradient(to left, #4c1d95,#0284c7,blue)",
       
          "background-size":"200%",
          "background-position":"right"
      
        },
          "50%": { "background-image": "linear-gradient(to right,blue,#0284c7,#4c1d95)",
         
          "background-size":"200%",
          "background-position":"left"},
         
        },
        changeBgLight: {
          "0%, 100%": {  "background-image": "linear-gradient(to left, #6d28d9,#0d9488,#06b6d4)",
       
          "background-size":"200%",
          "background-position":"right"
      
        },
          "50%": { "background-image": "linear-gradient(to right,#06b6d4,#0d9488,#6d28d9)",
         
          "background-size":"200%",
          "background-position":"left"},
         
        }
      },
      
      animation: {
        changeBgLight: "changeBgLight 5s ease-in-out infinite",
        changeBgDark: "changeBgDark 5s ease-in-out infinite"

      },
      
    },
  },
  plugins: [],
};