JSFiddle - React, Tailwind, and code Playground

by Chris Collins

HTML

<div class="content">
    <div class="contentinner">
        <h1>Welcome to this example</h1>
        <p>Some text that is appearing blurry in Chrome</p>
    </div>
</div>

CSS

body {
     background:#000
} 

.content {
      margin-top:50px;
      padding:20px;
      background:#F9ECDA url("images/contentbg.png");
      transform:rotate(-2deg);
      -ms-transform:rotate(-2deg);
      -webkit-transform:rotate(-2deg);
    }
    
.contentinner {
      transform:rotate(2deg);
      -ms-transform:rotate(2deg);
      -webkit-transform:rotate(2deg);
    }