Moving Gradient missing config

[dancrump1]

I could be totally wrong, but after attempting to implement I had no animating background. I needed to add extend: { animation : { 'bg-position': 'bg-position 2s infinite' } } as well as the extend: { keyframes: { ... } } listed in the instructions.

[arindammitra06]

Doesn't work for me too

[dancrump1]

Doesn't work for me too

If you add the animation extend, does it start working?

[arindammitra06]

No doesnt work. Below is what I added.

keyframes: {
        "bg-position": {
          "0%": { backgroundPosition: "0% 50%" },
          "100%": { backgroundPosition: "100% 50%" },
        },
},
animation: {
        "bg-position": "bg-position 2s infinite" ,
 },

[dancrump1]

Appears to be working with this config. Component code is copied straight from the animata website.

chrome_sruhIpaaB9.mp4