[add the class to the element the class is add, but animation don't work]

Hi there, I'm facing an issue, when I add the class to the element the class is add, but animation don't work. Please check the CodePen.

Thanks in advance.

See the Pen abYYKEL by talhameer (@talhameer) on CodePen

[[SOLVED] className remove existing class]

I am facing the same issue, when I add the class to the element the class is add, but animation don't work.

 

    gsap.to(document.querySelectorAll(".prev i.animation"), {

        keyframes: [

            {

                duration: 0.2,

                x: -5,

            },

            {

                duration: 0.5,

                x: -3,

            },

            {

                duration: 0.2,

                x: -5,

            },

            {

                duration: 0.5,

                x: 0,

            },

        ],

    });