title: Slightly jagged edges in chrome (CSS transform)
body: <p>I've some issues with a <em>transform:rotate</em> on Chrome (v54 / Windows 10) and others modern navigators I could test (Edge, Firefox... IE), actually. The edges of my div are a bit jagged, it's not as horrible as it was in Chrome's version of 2012 but it still not perfect.</p>
  <p>I tried several tricks as</p>
  <pre><code>backface-visibility: hidden;
  transform: translate3d( 0, 0, 0);
  -webkit-transform-style: preserve-3d;
  </code></pre>
  <p>but none of them seems to completely work. The result is smoother than the initial one but still not fully satisfying.</p>
  <p>Here's a link to my jsfiddle : <a href="https://jsfiddle.net/2szkvj70/1/" rel="nofollow noreferrer">https://jsfiddle.net/2szkvj70/1/</a></p>
  <p>and a screenshot :</p>
  <p><a href="https://i.stack.imgur.com/I5zcO.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/I5zcO.png" alt="enter image description here" /></a></p>
  <p>Am I a bit too exigent or is it possible to get the perfect no-aliased result ? :)</p>
  <p>Thanks in advance !</p>