title: Text shaking when using css transition and scale()
body: <p>I have searched everywhere, including SO, but no one seems to find an answer. My issue is that when I hover an element using <code>transform: scale(1.2)</code> and <code>opacity</code>, the element grows, which is fine, but the text/content shakes or wiggles as it appears and scales.</p>
  
  <p>Is there a way to stop the text from shaking/wiggling/flickering, as it's annoying and not UX friendly?</p>
  
  <p>You can see an example here: <a href="http://jsfiddle.net/dv78etsv/" rel="nofollow">http://jsfiddle.net/dv78etsv/</a></p>
  
  <p>Many Thanks</p>