<!DOCTYPE html>
<style>
div {
    width: 100px;
    height: 100px;
    position: absolute;
    transform-origin: 50% 50%;
}

#target {
    background-color: red;
    translate: 200px 10px;
    rotate: 90deg;
    scale: 1 2;
    transform: translate(10px, 20px) rotate(90deg) scale(1, 0.5);
}
#expected {
    background-color: green;
    transform: translate(200px, 10px) rotate(90deg) scale(1, 2) translate(10px, 20px) rotate(90deg) scale(1, 0.5);
}
</style>

<p>There should be no red color boxes</p>
<div id="target"></div>
<div id="expected"></div>