JSFiddle - React, Tailwind, and code Playground

by gbos

HTML

<button>
start
</button>
<div class="t">
  hello
  
</div>

CSS

.t {
  background: yellow;
  position: relative;
  top: 0;
  

}


.t1 {
  transition: top 2s;
  -webkit-transform: translateZ(0);
   -moz-transform: translateZ(0);
   -ms-transform: translateZ(0);
   -o-transform: translateZ(0);
   transform: translateZ(0);
}

JavaScript

document.querySelector('button').addEventListener('click', function () {
	var elem = document.querySelector('.t');
	elem.classList.add('t1');
  
  elem.style.top = "40px";

});