title: TranslateZ Percentages CSS 3D Transforms
body: <p>When I try to set percentages in translateZ like this:</p>
  
  <pre><code>transform:translateZ(-100%);
  </code></pre>
  
  <p>it doesn't work. It also doesn't work with viewport relative <code>vh</code> or <code>vw</code>. Is there some way to do this? I understand that I can simply set it with JavaScript, but I have many of these elements in a certain class, including ones that are added later dynamically with JavaScript. It would be much more convenient to do something in CSS. I saw something which seemed like a duplicate, but I would like a way that doesn't have to have multiple elements to fix it. Apart from appending to the <code>&lt;style&gt;</code> element, that is</p>