title: Replace CSS transition height with transition scale
body: <p>I am trying to replace my CSS transition(height) with a scale transition for improved performance. This is what I have got:</p>
  
  <pre><code>#primaryNav {
      height: auto;
      transition: transform 0.5s;
  }
  
  .nav-small {
      transform: scale(1,0.5); 
  }
  </code></pre>
  
  <p>Now this works really well but the children elements inside .nav-small are also scaling which is a pain - any ideas would be greatly appreciated </p>