ase-in"
      ></div>
      <button id="btn2">Go</button>
    </div>
    <script id="code2">
      document.getElementById("btn2").addEventListener("click", () => {
        const box = document.getElementById("box2")
        box.style["transition"] = ""
        box.style["transform"] = "translate(300px, 0)"
      })
    </script>

    <h2>Move then animation</h2>
    <p>
      It's important to set transition and the second transform after one paint event.
      Without requestAnimationFrame, this animation