JSFiddle - React, Tailwind, and code Playground

HTML

<h1>Анимация</h1>
<button>Жмай</button>

CSS

.anima {
animation: anima 350ms backwards ease-in-out;
color: red;
} 

@keyframes anima {
from {transform: translateX(0);}
20% {transform: translateX(1%);}
40% {transform: translateX(-1%);}
60% {transform: translateX(1%);}
80% {transform: translateX(-1%);}
to {transform: translateX(0);}
}

JavaScript

document.querySelector("button").onclick = function(){
  document.querySelector("h1").classList.remove("anima");
  setTimeout(function(){
  	document.querySelector("h1").classList.add("anima");
  }, 100);
}