title: CSS Transform scale, don't scale child element
body: <p>If I have a div with a few child elements and it's being css transform scaled. I've got one child element which I don't want to scale</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>#parent{
      -webkit-transform: scale(.5);
  }
   
  span:last-child{
      -webkit-transform: Something to ignore the parent scale;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div id="parent"&gt;
      &lt;span&gt;Child 1&lt;/span&gt;
      &lt;span&gt;Child 2&lt;/span&gt;
      &lt;span&gt;Child 3 (Don't Scale Me)&lt;/span&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>Can this be done with css only? Without changing the html or using js.</p>