<!DOCTYPE html>
<html lang="en">
  <head>
    <meta
      content="width=device-width,maximum-scale=1.0,initial-scale=1.0,minimum-scale=1.0,user-scalable=yes"
      name="viewport"
    />
    <meta charset="UTF-8" />
  </head>
  <style>
    body {
      margin: 0 16px;
    }
  </style>
  <body>
    <h2>Set transition and transform at the same time</h2>
    <div style="width:100%">
      <div
        id="box1"
        style="width:100px;height:100px;background-color: red"
      ></div>
      <button id="btn1