CSS move element by position or by transform?
<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>