How to write animation in js?

Question

JavaScript

There is an animation css class:

.ltrSwipe {
      animation: ltrSwipe 0.5s ease;
      @keyframes ltrSwipe {
        0% {
          transform: translateX(-100%);
          opacity: 0;
        }
        100% {
          transform: translateX(0);
          opacity: 1;
        }
      }
    }

How can you do the same thing entirely with js or vue js without adding/removing a class?

Answer 1

Heh, I'm not robbing you. Animation in styles is implemented natively, so your count in a Java script will slow down. Therefore, add classes, well, in the case of vue, use transition

Answer 2

Try GSAP