title: Add a transform value without erasing inherit
body: <p>So I have the following CSS:</p>
  
  <pre><code>div {
    transform: translate(10, 10);
  }
  
  div.active {
    transform: scale(1.1);
  }
  </code></pre>
  
  <p>The problem is that a <code>div.active</code> doesn't <code>translate</code> and only <code>scale</code>s.</p>
  
  <p>Ain't there a <strong>CSS-only</strong> (with <a href="https://stackoverflow.com/questions/30010523/add-a-transform-value-to-the-current-transforms-that-are-already-on-the-element">JS</a> I know I can) way to write something like:</p>
  
  <pre><code>div.active {
    transform: inherit scale(1.1);
  }
  </code></pre>
  
  <p>?</p>
  
  <p>Is this some kind of CSS3 design issue?</p>