title: CSS move element by position or by transform?
body: <p>Show I use absolute position or transform to move a <code>&lt;div&gt;</code> around the page?</p>
  
  <p>I seem to recall reading that moving objects using position such as:</p>
  
  <pre><code>dialog.style.bottom = "100px";
  </code></pre>
  
  <p>is slower and it is preferable to use transform to move the object instead:</p>
  
  <pre><code>dialog.style.transform = "translateY(100px);
  </code></pre>
  
  <p>However as I also have a CSS transition in place:</p>
  
  <pre><code>transition: 2s
  </code></pre>
  
  <p>does that make any difference, is transform still preferred over position or are they both the same now?</p>