t: 100px;
    top: 100px;
  }

  .rotation {
    background: red;
  }

  .overlay {
    background: green;
  }

  #rotateAdd {
    rotate: 1 0 0 45deg;
  }
</style>
<body>
  <div id="rotateAdd" class="block rotation"></div>
  <div id="rotateReplace" class="block rotation"></div>
  <div id="transform" class="block overlay"></div>

<script>
  'use strict';

  async function waitForNextFrame() {
    return new Promise(resolve => {
      window.requestAnimationFrame(() => {
        resolve();
      });
    });
