css transform make text-ugly (depending os/browser)

dabblet.css

/**
 * css transform make text-ugly (depending os/browser)
 */
div{
	border:1px solid red;
	padding:15px;
	margin:50px;
	font-size:17px;
	transform-origin:0 0;
	transform:rotate(10.4deg);
}
.trZ{
	transform:rotate(10.4deg) translateZ(0);
}

.wc{
	will-change: transform;
}
em{
  color:#666;
  font-size: .8em;
}

dabblet.html

<div>bla bla ________ ----- bla bla bla</div>

<div class="trZ">bla bla ________ ----- bla bla bla <em>translateZ(0)</em></div>

<div class="wc">bla bla ________ ----- bla bla bla <em>will-change</em></div>

<div class="trZ wc">bla bla ________ ----- bla bla bla <em>translateZ(0) + will-change</em></div>

dabblet.js

// alert('Hello world!');

settings.json

{"view":"split-vertical","fontsize":"100","seethrough":"","prefixfree":"1","page":"css"}