How to use jQuery to track the end of css animation?

Question

css

Example:
Let's say there is an element. A new class is superimposed on it, one of the properties of which is: "transform: translateX(100px)". The element is overlaid with "transition: transform 1s ease". Actually, after applying the class, the element will transform within 1 second.

Question:
How can I find out, through jQuery or pure javascript, that the animation time has elapsed and, after its expiration, make further changes to the element? Do not offer through timers, that's what I'm doing now. I think mb there is a more universal and simple solution? Through "elem.css('transition')" on jQuery is also not an option.

In general, what do you recommend?

Thanks in advance!

Answer 1

Maybe it's transitionEnd