JSFiddle - React, Tailwind, and code Playground

HTML

<div id="a"><div id="b"></div></div>

CSS

#a {
    will-change: contents;
    -webkit-transform: translateX(0);
    width: 500px;
    height: 500px;
    background-color: yellow;
}

#b {
    -webkit-transition: -webkit-transform 5s;
    width: 100px;
    height: 100px;
    background-color: blue;
}

JavaScript

document.getElementById("b").style.webkitTransform = "translateX(500px)";