JSFiddle - React, Tailwind, and code Playground

HTML

<div class="dist"></div>
<button type="button">Trigger Animation</button>

CSS

.dist {
  width: 100px;
  height: 100px;
  background: black;
  margin-bottom: 30px;
}

.animation {
	transform: scale(1.5);
	transition: transform 3s;
 }

JavaScript

const dist = document.querySelector('.dist');

document.querySelector('button').addEventListener('click', () => {
  dist.classList.remove('animation');
  dist.classList.add('animation');
});