Text Animated Gradient

export function TextAnimatedGradient() {
  return (
    <span className="inline-flex animate-text-gradient bg-gradient-to-r from-[#535353] via-[#c9c9c9] to-[#535353] bg-[200%_auto] bg-clip-text text-center text-base font-medium text-transparent dark:from-[#ACACAC] dark:via-[#363636] dark:to-[#ACACAC]">
      Text Animated Gradient
    </span>
  );
}

{
  "animation": {
    "text-gradient": "text-gradient 1.5s linear infinite"
  },
  "keyframes": {
    "text-gradient": {
      "to": {
        "backgroundPosition": "200% center"
      }
    }
  }
}