Text Animated Gradient

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

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