JSFiddle - React, Tailwind, and code Playground

by ar_fiddles

HTML

<div>Sharp</div>
<br>
<br>
<br>
<br>
<div class="bug">Not Sharp</div>

CSS

body {
    margin: 100px 200px;
}

div {
    float: left;
-webkit-transform: scale(4);
   -moz-transform: scale(4);
        transform: scale(4);
}

.bug {
-webkit-backface-visibility: hidden;
   -moz-backface-visibility: hidden;
        backface-visibility: hidden;
}