JSFiddle - React, Tailwind, and code Playground

by timrwood

HTML

<div id="a"></div>
<svg id="c" height="200" version="1.1" width="300" xmlns="http://www.w3.org/2000/svg">
    <rect id="b" width="200" height="200" />
</svg>

CSS

#a {
    width: 200px;
    height: 200px;
    background: #000;   
    -webkit-transform:translate3d(50px, 0, 0);
}
#b {
    -webkit-transform:translate3d(50px, 0, 0);
        -webkit-transform-style: flat;
        -webkit-backface-visibility: hidden;
}
#c {
    -webkit-transform:translate3d(50px, 0, 0);
        -webkit-transform-style: flat;
        -webkit-backface-visibility: hidden;
}

JavaScript

//document.getElementById('a').style.WebkitTransform = "translateX(100px)";
//document.getElementById('b').style.WebkitTransform = "translateX(100px)";