<!DOCTYPE html>
<title>Transform animation under large scale</title>
<link rel="author" title="Kevin Ellis" href="mailto:kevers@chromium.org">
<link rel="help" href="https://crbug.com/1221622">
<style>
#container {
  display: inline-block;
  margin-left:  150px;
  padding:  0;
  transform:  scaleX(-1) rotate(90deg);
}
#block-1 {
  background: blue;
  height: 200px;
  width:  100px;
}
#block-2 {
  background: green;
  height: 100px;
  width: 100px;
}
</style>

<div id="container">
  <div id="block-1"></div>
  <div id="block-2"></div>
</div>