JSFiddle - React, Tailwind, and code Playground

HTML

Without translateZ:
<div></div>

<br>
With translateZ:
<div class="translate"></div>

CSS

div {
  width: 100px;
  height: 100px;
  border: 1px solid;
  filter: drop-shadow(0 0 3px red);
  transition: margin-left 200ms ease;
}

div.translate {
  transform: translateZ(0);
}

JavaScript

setTimeout(() => {
  Array.from(document.querySelectorAll('div')).forEach(elt => {
   elt.setAttribute('style', 'margin-left: 100px');
  })
    
}, 500);