JSFiddle - React, Tailwind, and code Playground

by jarhar

HTML

<div id=target>hello world</div>
<button>
toggle animation
</button>

CSS

#target {
  transition: font-family 1s, color 1s;
  font-family: serif;
  color: blue;
}
#target.animated {
  font-family: sans-serif;
  color: green;
}

JavaScript

document.querySelector('button').onclick = () => {
  target.classList.toggle('animated');
};